闭包的本质：函数与对其词法环境的引用

好的，各位编程界的老铁们，大家好！今天咱们不聊妹子，也不聊币圈，咱来聊聊编程界一个神秘又性感的话题——闭包。

闭包，听起来是不是有点像武侠小说里的闭关修炼？🤔 没错，它确实有那么点“闭关”的味道，但又不仅仅是“闭关”那么简单。今天，我就要用最幽默风趣、通俗易懂的语言，把闭包这玩意儿扒个精光，让它在你面前一丝不挂，再也藏不住任何秘密！

一、啥是闭包？别跟我说定义，说人话！

首先，咱们先抛开那些晦涩难懂的官方定义。什么“函数与其词法环境的引用”……听得我脑壳疼！🤯

咱们换个说法：闭包就像一个函数，它自带一个“小背包”。这个“小背包”里装着它出生时周围环境的一些“宝贝”，即使它离开了出生的“家”，也能随时取出这些“宝贝”来用。

这些“宝贝”是什么？就是它出生时所处的那个作用域里的一些变量。

举个例子：

function outerFunction(name) {
  let message = "Hello, " + name + "!";

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

  return innerFunction;
}

let myFunc = outerFunction("张三");
myFunc(); // 输出 "Hello, 张三!"

在这个例子里，innerFunction 就是一个闭包。它出生在 outerFunction 里面，它的“小背包”里装着 outerFunction 里的变量 message。即使 outerFunction 执行完毕，myFunc（也就是 innerFunction）依然可以访问并使用 message 这个变量。

是不是有点像《西游记》里的孙悟空，虽然离开了花果山，但依然可以拿出金箍棒耍两下？😎

二、闭包的本质：函数与对其词法环境的引用

好了，咱们现在可以稍微深入一点，聊聊闭包的本质了。

记住这句话：闭包的本质就是函数与其词法环境的引用。

这句话有点抽象，咱们慢慢拆解：

函数： 闭包首先得是个函数，这是毋庸置疑的。
词法环境： 词法环境（Lexical Environment）简单来说，就是函数在定义时所处的那个作用域。它包含了函数可以访问的所有变量和函数。
引用： 这里的“引用”是关键！闭包并不是简单地复制了词法环境中的变量，而是引用了它们。这意味着，如果词法环境中的变量发生了变化，闭包访问到的值也会跟着变化。

为了更清晰地理解，咱们用一张表格来总结一下：

概念	解释	举例
函数	闭包的基础，必须是一个函数。	`function innerFunction() { ... }`
词法环境	函数定义时所处的作用域，包含了函数可以访问的变量和函数。	在 `outerFunction` 中，词法环境包含了 `name` 和 `message` 变量。
引用	闭包不是复制词法环境中的变量，而是引用它们。这意味着对词法环境中变量的修改会影响闭包访问到的值。	如果在 `outerFunction` 执行完毕后，修改了 `message` 变量的值，那么 `myFunc` 访问到的 `message` 值也会改变。（当然，在JavaScript中，`outerFunction`执行完毕后，`message`变量通常无法直接修改，因为`outerFunction`的作用域已经结束。但是，如果`message`是一个对象或数组，那么就可以通过修改对象或数组的属性来间接修改闭包访问到的值。）

三、闭包的特性：持久化、隔离性

闭包有两个非常重要的特性：

持久化： 闭包可以持久化其词法环境中的变量。也就是说，即使外部函数执行完毕，闭包依然可以访问和使用这些变量。这就像把时间冻结在了那一刻，闭包保留了它诞生时的记忆。
隔离性： 闭包可以创建独立的、私有的变量空间。外部函数无法直接访问闭包内部的变量，这就像给变量穿上了一层隐形衣，保护了它们的隐私。

这两个特性使得闭包在编程中非常有用。

四、闭包的应用场景：干货满满！

说了这么多理论，咱们来点实际的。闭包在实际开发中有很多应用场景，下面列举几个常见的：

创建私有变量：

这是闭包最经典的应用场景之一。通过闭包，我们可以模拟实现私有变量，防止外部代码直接访问和修改这些变量。

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

  return {
    increment: function() {
      count++;
    },
    getCount: function() {
      return count;
    }
  };
}

let counter = createCounter();
counter.increment();
counter.increment();
console.log(counter.getCount()); // 输出 2
console.log(counter.count); // 输出 undefined，无法直接访问 count 变量

在这个例子中，count 变量是 createCounter 函数内部的私有变量，外部代码无法直接访问。只能通过 increment 和 getCount 方法来间接操作 count 变量。

保存状态：

闭包可以用来保存函数的状态，使得函数在多次调用之间能够记住之前的状态。
```
function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

let add5 = makeAdder(5);
let add10 = makeAdder(10);

console.log(add5(2));  // 输出 7
console.log(add10(2)); // 输出 12
```
在这个例子中，makeAdder 函数返回一个闭包，这个闭包记住了 x 的值。add5 和 add10 分别是两个不同的闭包，它们各自记住了不同的 x 值。

事件处理：

在事件处理中，闭包可以用来保存事件处理函数需要访问的变量。

<!DOCTYPE html>
<html>
<head>
  <title>闭包示例</title>
</head>
<body>
  <button id="myButton">点击我</button>
  <script>
    function setupButton(buttonId, message) {
      let button = document.getElementById(buttonId);
      button.addEventListener("click", function() {
        alert(message);
      });
    }

    setupButton("myButton", "Hello, world!");
  </script>
</body>
</html>

在这个例子中，setupButton 函数使用闭包来保存 buttonId 和 message 变量。当按钮被点击时，闭包会访问这些变量，并显示相应的消息。

模块化：

闭包可以用来实现模块化编程，将代码封装成独立的模块，防止全局变量污染。

let myModule = (function() {
  let privateVariable = "我是私有变量";

  function privateFunction() {
    console.log("我是私有函数");
  }

  return {
    publicMethod: function() {
      console.log("我是公共方法");
      privateFunction();
      console.log(privateVariable);
    }
  };
})();

myModule.publicMethod(); // 输出 "我是公共方法", "我是私有函数", "我是私有变量"
console.log(myModule.privateVariable); // 输出 undefined，无法直接访问私有变量
myModule.privateFunction(); // 报错，无法直接调用私有函数

在这个例子中，myModule 是一个立即执行函数，它返回一个对象，这个对象包含了公共方法。私有变量和私有函数只能在 myModule 内部访问，外部代码无法直接访问。

五、闭包的坑：内存泄漏！

闭包虽好，但也不能滥用。闭包最大的问题就是可能导致内存泄漏。

如果闭包引用了外部函数中不再使用的变量，那么这些变量将无法被垃圾回收器回收，从而导致内存占用越来越大。

为了避免内存泄漏，我们应该尽量避免在闭包中引用不必要的变量，并在不再需要闭包时，手动解除对闭包的引用。

六、总结：闭包，编程界的“百变星君”！

总而言之，闭包是 JavaScript 中一个非常强大和灵活的特性。它可以用来创建私有变量、保存状态、实现事件处理和模块化编程。

闭包就像编程界的“百变星君”，它可以根据不同的场景，变换出各种各样的形态，解决各种各样的问题。

但是，闭包也存在一些潜在的风险，比如内存泄漏。因此，在使用闭包时，我们需要谨慎考虑，避免滥用。

希望通过今天的讲解，大家对闭包有了更深入的理解。记住，理解闭包的本质，掌握闭包的应用场景，才能在编程的道路上越走越远！

好了，今天的分享就到这里。如果大家还有什么疑问，欢迎在评论区留言。咱们下期再见！👋

发表回复 取消回复

发表回复取消回复