闭包：JavaScript里的“随身背包” 🎒

在JavaScript的江湖里，有一个听起来高大上、实则非常接地气的概念------闭包（Closure） 。它是理解JS作用域、函数执行以及很多高级玩法的基石。别被专业名词吓到，今天我们不讲枯燥的理论，就用最通俗的大白话，带你彻底搞懂闭包！

一、What：到底什么是闭包？

一句话总结：闭包就是一个函数，加上它"出生"时所在的外部环境（词法环境）的组合。

听起来还是有点绕？我们打个比方：想象你（函数）出生在一个房间（外部作用域）里。当你离开这个房间去外面闯荡时，你并没有空手而去，而是背上了一个 "随身背包" ，里面装满了你出生时房间里的那些物品（外部变量）。

以后无论你在哪里被调用，只要你打开这个背包，就能随时拿出并使用里面的东西。这个 "函数 + 随身背包" 的组合，就是闭包！

既然闭包能"记住"外部环境，那它有什么用呢？最核心的作用就是数据封装与私有变量。

在普通函数里，执行完里面的变量就灰飞烟灭了。但有了闭包，即使外部函数已经执行完毕，只要闭包（内部函数）还在，那些变量就会一直被"保护"在内存中。

好处是什么？

● 避免全局污染：变量被安全地藏在闭包里，外部无法直接访问和篡改。

● 提高安全性与可维护性：就像把贵重物品锁进保险箱，只通过特定的"钥匙"（方法）来操作，代码自然更安全、更好维护。

闭包不是什么神秘的API或语法糖，它是基于"词法作用域"自然产生的产物。

判断闭包的核心依据： 看一个函数能否访问并记住其外部定义的变量，即使外部函数已经执行完毕。

记住一个黄金法则：关键在于函数"定义"的位置，而不是"执行"的位置！ 只要一个内部函数被暴露到了外部作用域去使用，并且它引用了外部的变量，闭包就形成了。

闭包最经典的考点，莫过于解决 for 循环中的异步问题。来看看这段代码：

css 复制代码

for(var i = 0; i < 5; i++) {
  setTimeout(function(){
     console.log(i);
  }, 2000);
}

输出结果是什么？ 答案是：5 5 5 5 5。

为什么会这样？ 因为 setTimeout 是异步任务。JS引擎会先执行同步的 for 循环，把5个异步任务扔进队列。等循环跑完，i 已经变成了 5。2秒后，异步任务开始执行，它们去内存里找 i，发现 i 早就变成 5 了，于是集体输出了 5。

怎么解决？（闭包的登场） 在ES6之前，我们用**立即执行函数（IIFE）**来制造闭包：

javascript 复制代码

for(var i = 0; i < 5; i++) {
  (function(index){
   setTimeout(function(){
     console.log(index);
   }, 2000);
  })(i);
}

原理解析： 立即执行函数为每一次循环都创建了一个新的作用域 （新的背包）。它把当前的 i 作为参数传进去，相当于把当时的 i 的值"捕获"并锁死在了这个新背包里。内层函数访问的是 index，自然就能输出 0, 1, 2, 3, 4 了。

💡 现代解法： 现在大可不必这么麻烦，只要把 var 换成 let 即可！因为 let 拥有块级作用域，每次循环都会自动创建一个独立的 i，完美避坑。

闭包虽然好用，但用不好也会惹麻烦。请务必牢记以下两点：

警惕内存泄漏 🧹 闭包会把外部变量一直留在内存中。如果一个闭包占用的内存较大且不再需要，却迟迟不被释放，就会导致内存泄漏。所以，用完闭包后，请一定记得及时解除对它的引用（例如赋值为 null ），把内存还给垃圾回收机制（GC）。
捕获的是"引用"，不是"副本" 🔗 闭包背包里装的，是外部变量的地址（引用） ，而不是值的快照。这意味着，如果外部变量的值发生了改变，内层函数下次打开背包时，看到的就是新值。这一点在异步编程中尤其需要留意！

简单来说，闭包就是函数自带的"随身背包"，能帮我们把变量安全地打包带走，实现数据私有化；但它也会一直占用内存，且拿到的是变量的"引用"而非"快照"。只要记住"定义位置决定作用域"，并留意及时释放不需要的闭包，你就能轻松驾驭这个JS里的核心利器啦！