17370845950

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

闭包是什么：函数记住了它的词法作用域

闭包不是特殊语法，而是 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 节点、大型数组或未清理的事件监听器。