闭包是函数记住并访问其词法作用域的机制，即使在外部函数执行完毕后仍能访问内部变量。如outer函数中的inner函数通过闭包保留对count的访问权，实现计数累加；闭包还用于创建私有变量、解决循环中异步回调共享变量问题及函数工厂等场景，但需注意可能引发内存泄漏和意外共享。
闭包是JavaScript中一个核心但容易让人困惑的概念。要理解闭包，关键在于搞清楚函数作用域、变量生命周期以及外部函数如何“记住”内部状态。
什么是闭包？
闭包是指一个函数能够访问并记住其词法作用域，即使这个函数在其词法作用域外执行。换句话说，内部函数可以访问外部函数的变量，即使外部函数已经执行完毕。
JavaScript采用词法作用域（也叫静态作用域），函数定义时的作用域决定了它能访问哪些变量，而不是调用时的作用域。正是这种机制为闭包提供了基础。
看一个简单例子：
function outer() {
let count = 0;
return function inner() {
count++;
console.log(count);
};
}
const counter = outer();
counter(); // 输出 1
counter(); // 输出 2
在这个例子中，inner 函数就是闭包。它虽然在 outer 执行完后被调用，但仍能访问并修改 count 变量。这说明 count 没有被垃圾回收，而是被闭包保留了下来。
闭包的工作原理
当一个内部函数引用了外部函数的变量时，JavaScript引擎会创建一个闭包，将这些变量保存在堆内存中，而不是随着函数调用结束而销毁。
- 函数执行时，会创建一个执行上下文，包含变量对象和作用域链
- 如果内部函数引用了外部变量，该变量会被绑定到闭包中
- 即使外部函数退出，只要闭包存在，这些变量就不会被释放
这解释了为什么上面例子中的 count 能持续累加 —— 它被闭包“封闭”住了。
实际应用场景
闭包不只是理论概念，它在实际开发中有多种重要用途。
// 1. 创建私有变量
function createCounter() {
let privateCount = 0; // 外部无法直接访问
return {
increment: () => ++privateCount,
decrement: () => --privateCount,
value: () => privateCount
};
}
const c = createCounter();
c.increment();
console.log(c.value()); // 1
通过闭包模拟私有变量，防止外部随意修改内部状态，这是模块化编程的基础。
// 2. 回调函数中的数据保持
for (var i = 0; i < 3; i++) {
setTimeout(() => {
console.log(i); // 输出 3, 3, 3
}, 100);
}
这个问题很经典：由于var没有块级作用域，三个setTimeout共享同一个i，最终都输出3。解决方法就是利用闭包：
for (let i = 0; i < 3; i++) {
setTimeout(() => {
console.log(i); // 输出 0, 1, 2
}, 100);
}
或者用IIFE创建闭包：
for (var i = 0; i < 3; i++) {
(function(num) {
setTimeout(() => {
console.log(num);
}, 100);
})(i);
}
// 3. 函数工厂
function makeAdder(x) {
return function(y) {
return x + y;
};
}
const add5 = makeAdder(5);
console.log(add5(3)); // 8
makeAdder返回的函数形成了闭包，记住了参数x的值，从而可以创建出不同行为的函数。
需要注意的问题
闭包虽然强大，但也可能带来问题：
- 内存泄漏：闭包会阻止变量被回收，如果引用大量数据且不释放，可能导致内存占用过高
- 意外共享：多个闭包可能共享同一组变量，造成意料之外的副作用
- 性能影响：闭包查找变量比局部变量慢一些，尤其是在深层嵌套时
合理使用即可避免这些问题。比如及时解除对闭包的引用，或避免在循环中创建不必要的闭包。
基本上就这些。闭包的本质就是函数记住了它诞生时的环境。掌握这一点，再结合实际场景去体会，理解起来就不难了。
