闭包是函数与其定义时词法作用域中自由变量的组合;它使内部函数能持续访问外层函数变量,即使外层已执行完毕,常用于封装和工厂模式,但也可能导致内存泄漏。

闭包是什么:函数记住了它的词法作用域
闭包不是特殊语法,而是 JavaScript 引擎执行函数时自然产生的行为:当一个内部函数被返回或传递到外部作用域后,它仍能访问其定义时所在作用域中的变量,哪怕外层函数已经执行完毕。关键点在于「定义时的作用域」,而非「调用时的位置」。
常见错误现象:for 循环中用 var 声明变量并创建多个定时器,结果所有回调都打印同一个值(比如 10),就是因为闭包捕获的是变量的引用,而 var 只有一个绑定。
- 闭包 = 函数 + 该函数定义时可访问的自由变量环境
- 自由变量必须是「词法上位于外层函数中」的变量,不能是全局或参数传入的临时值
-
let/const在for中每次迭代新建绑定,所以能避免上述问题
闭包如何导致内存无法释放
只要闭包还存在(比如被赋值给全局变量、作为事件监听器、存入缓存对象等),它所捕获的外层作用域就不会被垃圾回收器清理——即使外层函数早已 return。这会延长变量生命周期,造成隐式内存驻留。
典型场景:addEventListener 回调里用了外层变量;setTimeout 或 Promise 链中持有大对象引用;模块导出的函数持续引用私有数据结构。
立即学习“Java免费学习笔记(深入)”;
- Chrome DevTools 的
Memory > Take Heap Snapshot可定位“Closure”类型的对象大小 - 使用
WeakMap存储私有数据,比闭包更可控(不阻止键对象被回收) - 手动解除引用:比如在组件卸载时调用
removeEventListener,或把闭包变量设为null
function 和 => 在闭包行为上有区别吗?
箭头函数本身不创建自己的 this、arguments、super,但它对词法作用域的捕获规则和普通函数完全一致。也就是说:箭头函数照样形成闭包,也一样会延长外层变量的生命周期。
容易踩的坑:setTimeout(() => console.log(i), 100) 和 setTimeout(function() { console.log(i); }, 100) 在相同上下文中表现一致——问题根源是变量声明方式(var vs let),不是函数类型。
-
function和=>都会捕获外层let/const变量 - 只有
var在循环中因变量提升+函数作用域导致单一绑定 - 箭头函数没有
arguments,但可通过...args参数替代,不影响闭包逻辑
function createCounter() {
let count = 0;
return function() {
count++;
return count;
};
}
const inc = createCounter();
console.log(inc()); // 1
console.log(inc()); // 2
// 此时 createCounter 执行完,但 count 仍在 inc 的闭包中存活
闭包本身不是 bug,它是实现封装、工厂模式、柯里化等的必要机制;真正要警惕的是无意识地让闭包长期持有可能很大的对象,尤其是 DOM 节点、大型数组或未清理的事件监听器。











