函数作用域不合理？闭包的本质与特性改变一切

2023-09-30 20:03:51

闭包和作用域是 JavaScript 中最令人困惑的概念之一。理解这些概念可以帮助您编写出更强大、更灵活的代码。让我们从一个简单的例子开始。

function outer() {
  var a = 1;
  function inner() {
    console.log(a);
  }
  return inner;
}

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

在这个例子中，inner() 函数被定义在 outer() 函数的内部。这意味着 inner() 函数可以访问 outer() 函数中声明的变量，即使 outer() 函数已经返回。这种现象被称为闭包。

闭包在 JavaScript 中非常常见。它们用于各种目的，包括：

保持变量的值在函数调用之间。
创建私有变量。
模拟对象。

在上面的例子中，闭包被用来保持变量 a 的值在函数调用之间。这意味着即使 outer() 函数已经返回，inner() 函数仍然可以访问变量 a。

闭包还被用于创建私有变量。例如，您可以使用闭包创建一个对象，其属性和方法对外部代码是私有的。

function createObject() {
  var privateVariable = 1;

  return {
    publicMethod: function() {
      console.log(privateVariable);
    }
  };
}

var object = createObject();
object.publicMethod(); // 1

在这个例子中，privateVariable 变量对外部代码是私有的，因为它只在 createObject() 函数的内部可见。然而，publicMethod() 方法可以访问 privateVariable 变量，因为它是闭包的一部分。

闭包也是模拟对象的常用方法。例如，您可以使用闭包创建一个类似于数组的对象。

function createArray() {
  var elements = [];

  return {
    push: function(element) {
      elements.push(element);
    },
    pop: function() {
      return elements.pop();
    },
    length: function() {
      return elements.length;
    }
  };
}

var array = createArray();
array.push(1);
array.push(2);
console.log(array.length()); // 2