JavaScript 闭包详细介绍

什么是闭包？

在JavaScript中，闭包是指函数以及其创建时的词法环境的组合。简单来说，闭包是一个函数，它可以访问其词法作用域外部的变量。

闭包的工作原理

当一个函数被定义时，它会创建一个词法环境，该环境包含了函数内部的变量和函数。当函数执行完毕后，通常会销毁该词法环境，释放内存。但是，如果在函数内部定义了一个内部函数，并且该内部函数引用了外部函数的变量，那么这个内部函数就形成了一个闭包。闭包会持有对外部函数的词法环境的引用，使得外部函数的变量在内部函数执行时仍然可用。

闭包的示例说明

示例一

function outerFunction() {
  var outerVariable = 'I am outside!';

  function innerFunction() {
    console.log(outerVariable);
  }

  return innerFunction;
}

var closure = outerFunction();
closure(); // 输出：I am outside!

在这个示例中，outerFunction 是一个外部函数，它定义了一个内部函数 innerFunction。innerFunction 引用了 outerVariable，这个变量是在 outerFunction 内部定义的。当 outerFunction 执行完毕后，返回了 innerFunction，并将其赋值给变量 closure。当我们调用 closure() 时，它会打印出 outerVariable 的值，即 \"I am outside!\"。

示例二

function createCounter() {
  var count = 0;

  return {
    increment: function() {
      count++;
    },
    decrement: function() {
      count--;
    },
    getCount: function() {
      return count;
    }
  };
}

var counter = createCounter();
counter.increment();
counter.increment();
console.log(counter.getCount()); // 输出：2

在这个示例中，createCounter 是一个外部函数，它返回一个包含三个方法的对象。这三个方法分别是 increment、decrement 和 getCount。这些方法都可以访问 count 变量，因为它们形成了一个闭包。我们可以通过调用这些方法来增加或减少 count 的值，并通过调用 getCount 方法来获取当前的计数值。

以上就是 JavaScript 闭包的详细介绍，希望对你有所帮助！