JS闭包的几种常见形式实例详解

什么是闭包？

在理解闭包的几种形式之前，我们先来了解一下什么是闭包。

闭包指的是一个函数在返回时，能够记住并访问该函数定义时作用域中的变量。这可以通过在函数内部定义一个函数来实现。

闭包发挥着非常重要的作用，因为它可以在函数外部访问函数内部的变量和函数，并且使得这些变量和函数的作用域得以保存。

闭包的几种常见形式

1. 函数作为返回值

在 JavaScript 中，函数也是一种对象，函数可以作为另一个函数的返回值，这样就可以形成闭包。

function outerFunction() {
  var count = 0;
  function innerFunction() {
    count++;
    console.log(count);
  }
  return innerFunction;
}

var foo = outerFunction();
foo(); // 输出1
foo(); // 输出2

在这个例子中，outerFunction 返回了一个函数 innerFunction，并且 innerFunction 保存了 outerFunction 作用域中的变量 count。在返回后，我们使用 foo 变量来访问 innerFunction 并一直调用它，此时每次输出的值都会递增。

2. 函数作为参数

JavaScript 中的函数可以作为参数传递给另一个函数，这也是使用闭包的常见方式。

function outerFunction(callback) {
  var count = 0;
  setInterval(function() {
    count++;
    console.log('count:', count);
    callback(count);
  }, 1000);
}

function callback(count) {
  console.log('callback count:', count);
}

outerFunction(callback);

在这个例子中，outerFunction 接受一个函数作为参数 callback，每一秒钟调用 callback 函数，并传递计数器 count 的值。在这个函数内部实现中，callback 函数可以通过闭包访问 outerFunction 作用域中的 count 变量。

总结

闭包是 JavaScript 中非常强大的特性之一，它可以让函数外部访问函数内部的变量和函数，并且使得这些变量和函数的作用域得以保存。在这篇文章中我们介绍了函数作为返回值和函数作为参数这两种常见的闭包形式。