JavaScript 中的 闭包

闭包

在 JavaScript 中，你可以在其他函数内部声明并返回函数。内部函数可以访问在其上方声明的任何变量。

function createAdder(a) {
  return function add(b) {
    const sum = a + b;
    return sum;
  }
}
const addTo2 = createAdder(2);
addTo2(5) // 7
addTo2(0) // 2

内部函数 add 可以访问 a。这允许了外部函数充当新函数的工厂，每个函数都具有不同的行为。

闭包 VS 类

在上面的示例中，createAdder 非常类似于类构造函数。

class Adder {
  constructor(a) {
     this.a = a;
  }

  add(b) {
    const sum = this.a + b;
    return sum;
  }
}
const addTo2 = new Adder(2);
addTo2.add(5); // 7

除了语法上的差异之外，这两个示例在本质上具有相同的目的。它们都允许你在「构造函数(Constructor)」中传递一些状态，并具有可以访问此状态的「方法 (Method)」。

它们之间一个关键的区别是闭包允许真正的 封装。在类的示例中，没有任何限制阻止你编写 addTo2.a = 3; 并破坏其预期行为。然而，在闭包的示例中，理论上无法访问 a

另一个区别是函数在内存中的存储方式

• 如果创建了许多类的实例，每个实例都存储对 原型对象 的单一引用，其中都存储了所有「方法(Method)」
• 而对于闭包，所有「方法(Method)」都在每次调用外部函数时生成并存储了一个「副本(Copy)」

因此，在同时有多种方法可用的情况下，类可以在性能方面体现更高的效率。