深入JavaScript系列（三）：闭包的威力和困惑

2023-09-24 12:41:02

闭包是JavaScript中最强大的特性之一，但也是最令人困惑的特性之一。闭包允许函数访问其创建范围之外的变量，即使该范围已不在活动状态。这可以导致一些非常强大的效果，但也可能导致一些难以调试的错误。

要理解闭包，首先需要了解JavaScript的作用域规则。JavaScript采用的是词法作用域（静态作用域），这意味着函数的作用域在函数定义时就确定。这意味着函数的作用域取决于它在哪个作用域中定义，而不是它在哪个作用域中调用。

让我们来看一个简单的例子：

function outer() {
  var x = 1;

  function inner() {
    console.log(x);
  }

  return inner;
}

var innerFunc = outer();
innerFunc(); // 1

在上面的示例中，inner 函数是在 outer 函数的作用域中定义的。这意味着 inner 函数可以访问 outer 函数的作用域内的变量，即使 outer 函数已不在活动状态。

闭包最常见的用途之一是创建私有变量。私有变量是只能从函数内部访问的变量。这可以用来防止其他代码修改这些变量。

function createCounter() {
  var count = 0;

  return function() {
    return count++;
  };
}

var counter = createCounter();
console.log(counter()); // 0
console.log(counter()); // 1
console.log(counter()); // 2

在上面的示例中，count 变量是私有的，因为它是 createCounter 函数的作用域内的。这意味着 counter 函数是唯一可以访问和修改 count 变量的函数。

闭包还可用于创建单例模式。单例模式确保只创建一个类的一个实例。

var Singleton = (function() {
  var instance;

  function createInstance() {
    var object = new Object();
    return object;
  }

  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }

      return instance;
    }
  };
})();

var instance1 = Singleton.getInstance();
var instance2 = Singleton.getInstance();

console.log(instance1 === instance2); // true