JS 基础系列之 —— 揭秘闭包的秘密

2023-10-22 11:29:26

闭包，一个听起来略显神秘的术语，却在 JavaScript 的世界中扮演着不可忽视的角色。闭包是指有权访问另一个函数作用域中的变量的函数，是 JavaScript 的一大亮点，允许函数访问并操作函数外部的变量，从而带来许多有趣的应用和设计模式。

闭包的定义：

闭包是指有权访问另一个函数作用域中的变量的函数。
这句话听起来有些绕口，但实际上很好理解。让我们用一个简单的例子来说明：

function outer() {
  var name = "John"; // outer 函数的作用域

  function inner() {
    console.log(name); // inner 函数可以访问 outer 函数的作用域中的变量
  }

  return inner;
}

var innerFunc = outer(); // 调用 outer 函数并保存其返回值

innerFunc(); // 输出 "John"

在这个例子中，outer 函数定义了一个局部变量 name，并返回了一个内部函数 inner。inner 函数可以访问 outer 函数的作用域中的变量 name，即使 outer 函数已经执行完毕。这就是闭包。

闭包的特性

访问性： 闭包可以访问定义它的函数的作用域中的变量，即使这个函数已经执行完毕。
私有性： 闭包中的变量对其他函数是私有的，只能通过闭包本身访问。
内存管理： 闭包会一直保持对它所访问的变量的引用，即使这些变量所在的函数已经执行完毕。这可能会导致内存泄漏，如果闭包持有对大量对象的引用，这些对象就不会被垃圾回收器回收。

闭包的应用

模块化： 闭包可以将代码组织成独立的模块，每个模块都有自己的私有变量和函数。
状态管理： 闭包可以用来管理函数的状态，例如一个计数器或一个购物车。
事件处理： 闭包可以用来处理事件，例如鼠标点击事件或键盘按下事件。
延迟执行： 闭包可以用来延迟执行代码，例如在页面加载完成后执行一段代码。
柯里化： 闭包可以用来实现柯里化，即函数部分参数应用的一种技术，可产生一个新的函数，该函数带有剩余参数。

闭包的缺点

内存泄漏： 如前所述，闭包会一直保持对它所访问的变量的引用，即使这些变量所在的函数已经执行完毕。这可能会导致内存泄漏，如果闭包持有对大量对象的引用，这些对象就不会被垃圾回收器回收。
性能： 闭包可能会降低代码的性能，因为它们会增加函数调用栈的深度，从而增加函数调用的时间。
调试难度： 闭包可能会使代码更难调试，因为它们会使变量的作用域变得更加复杂。

闭包的使用注意事项