揭开 JavaScript 闭包的神秘面纱：理解它，征服它

前端

2023-09-23 20:41:58

曾几何时，JavaScript 闭包对我来说就像一个无解的谜团。我涉猎过无数篇文章，在实践中使用过它，却总觉得在黑暗中摸索。然而，最近的一次讨论让我茅塞顿开。

何谓闭包？

简而言之，闭包是一种将变量绑定到特定执行环境的 JavaScript 函数。它允许函数访问该环境中声明的变量，即使函数本身已经离开该环境。

闭包是如何工作的？

要理解闭包，我们必须了解 JavaScript 的变量作用域和内存管理。

变量作用域： JavaScript 中的变量要么是全局变量（在程序的任何地方都可以访问），要么是局部变量（仅在函数执行期间存在）。
内存管理： JavaScript 使用“垃圾回收”机制来管理内存。当函数执行完毕时，其变量将被标记为可垃圾回收。

闭包的存在绕过了 JavaScript 的垃圾回收机制。通过将变量绑定到一个外部函数，闭包可以保持对这些变量的引用，即使函数自身已被执行完毕。

闭包的用法

闭包在 JavaScript 中有广泛的应用，例如：

数据隐私： 闭包可以保护私有数据不被外部访问。
延迟执行： 闭包可以创建具有不同执行时间的函数。
模块化： 闭包可以实现类似模块化的结构，将相关代码组织在一起。

示例：

让我们通过一个示例来说明闭包的工作原理：

function createCounter() {
  // 私有变量
  let count = 0;

  // 返回内部函数
  return function() {
    // 对私有变量 count 的访问
    return count++;
  };
}

// 创建闭包
const counter = createCounter();

// 调用闭包
console.log(counter()); // 输出 0
console.log(counter()); // 输出 1
console.log(counter()); // 输出 2