JavaScript 闭包大揭秘：给程序员的豪华教程

前端

2023-09-27 16:52:28

揭开 JavaScript 中闭包的神秘面纱

闭包，一种使 JavaScript 脱颖而出的独特概念，却常常令开发者挠头不解。作为 JavaScript 程序员，深入理解闭包至关重要，因为它为代码带来了优雅和强大的特性。让我们一同探索闭包的本质，了解其重要性，并通过示例掌握它的用法。

什么是闭包？

闭包实质上是拥有“记忆力”的函数，即使函数执行完毕返回，它也能“记住”自己所属的词法作用域。函数和词法作用域的组合便构成了闭包。

闭包的重要性

闭包在 JavaScript 中至关重要，因为它允许我们访问函数内部的变量，即使函数已经执行完毕。这种能力在多种场景下十分实用：

当我们需要在函数外部访问函数内部的变量时。
当我们需要在多个函数之间共享变量时。
当我们需要创建私有变量时。

闭包的用途

除了上述用途，闭包在 JavaScript 中还有着广泛的应用，包括：

事件处理程序
回调函数
IIFE（立即执行函数表达式）

闭包示例

示例 1：访问内部变量

function outerFunction() {
  var outerVariable = 10;

  function innerFunction() {
    console.log(outerVariable);
  }

  innerFunction();
}

outerFunction();

在该示例中，outerFunction() 创建了一个 outerVariable 变量并将其赋值为 10。innerFunction() 是 outerFunction() 的嵌套函数，它访问了 outerVariable 变量。即使 outerFunction() 已经执行完毕，innerFunction() 仍然可以访问 outerVariable，因为它引用了 outerFunction() 的词法作用域。

示例 2：计数器

function makeCounter() {
  var count = 0;

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

var counter = makeCounter();

console.log(counter()); // 0
console.log(counter()); // 1
console.log(counter()); // 2