javascript闭包入门示例

当我们在 JavaScript 中使用函数时，往往会遇到闭包的概念。那么什么是闭包呢？简单来说，闭包就是一个可以访问自由变量的函数。这个自由变量指的是函数内部定义的变量，在函数外也可以访问。下面我们通过两个示例来深入理解 JavaScript 闭包的概念和用法。

示例 1：基础闭包示例

function outerFunction() {
  var outerVariable = "I am outer variable.";
  function innerFunction() {
    console.log(outerVariable);
  }
  return innerFunction;
}

var innerFunc = outerFunction();
innerFunc();

上面这个示例定义了一个 outerFunction 函数，内部定义了一个变量 outerVariable，并返回一个函数 innerFunction。在全局范围内，我们调用 outerFunction 并将返回值赋值给变量 innerFunc。这会导致 outerFunction 内部的作用域和变量都被保存下来，因为 JavaScript 的垃圾回收器只会移除不再被使用的变量和函数。

接下来，我们调用 innerFunc 函数。它将输出 I am outer variable.。这是因为 innerFunction 对 outerVariable 变量的引用就构成了一个闭包，使得 outerFunction 和 outerVariable 的上下文始终存在。

示例 2：闭包实现计数器

让我们来看另一个闭包的示例，这个示例可以用闭包实现计数器。

function counter() {
  var count = 0;
  function increment() {
    count++;
    console.log(count);
  }
  return increment;
}

var counter1 = counter();
counter1(); // 输出 1
counter1(); // 输出 2

var counter2 = counter();
counter2(); // 输出 1
counter2(); // 输出 2

上面这段代码定义了一个名为 counter 的函数。counter 函数内部定义了一个变量 count，它的初始值为 0。counter 函数返回一个名为 increment 的函数，它每次被调用时都会将 count 的值加 1，并输出当前的计数值。

如上所述，当我们调用 counter 函数时，它返回了一个名为 increment 的函数。我们可以将它的返回值存储在变量 counter1 和 counter2 中，并分别调用它们。不难发现，每个计数器对象都维护了自己的 count 变量，这得益于闭包机制。

以上两个示例相信已经能让你初步理解 JavaScript 闭包的概念和用法了。闭包可以让我们实现很多复杂的功能，比如实现一个保护变量不被外部更改的功能，或者模拟面向对象的类和实例等。但与此同时，如果不正确地使用闭包，也容易造成内存泄漏等问题，所以在使用闭包时需要特别注意。