闭包的秘密：打破常规，解放你的 JavaScript

2023-11-24 13:44:27

拥抱闭包：JavaScript 中的秘密武器

准备踏上一个编程冒险之旅，我们来揭开闭包的神秘面纱。想象一下一个内部函数可以偷偷访问外部函数秘密变量的世界！

闭包揭秘

闭包是 JavaScript 中一种奇妙的特性，它允许内部函数访问在其外部函数中声明的变量。这就好比一个小精灵可以在它诞生的房子外自由漫步，即使房子已经关闭了。这种特权被称为闭包。

让我们用一个简单的例子来体验一下：

function outerFunction() {
  let counter = 0;

  return function() {
    counter++;
    console.log(counter);
  };
}

const innerFunction = outerFunction();
innerFunction(); // 输出 1
innerFunction(); // 输出 2
innerFunction(); // 输出 3

在这里，内部函数可以接触到外层函数中的 "counter" 变量。即使 "outerFunction" 已经完成任务，内部函数仍然可以访问这个变量。原因在于 JavaScript 的词法作用域规则，它允许内部函数继承其外部函数的变量访问权。

闭包的妙用

闭包带来的第一个好处是创建私有变量和方法。它就像一个安全金库，只有外部函数才能打开。这样，你可以保护数据和逻辑，防止外部代码的意外修改。

例如，我们可以使用闭包来创建一个私有计数器：

function createCounter() {
  let counter = 0;

  return {
    increment: function() {
      counter++;
    },
    getCounter: function() {
      return counter;
    }
  };
}

const counter = createCounter();
counter.increment();
console.log(counter.getCounter()); // 输出 1