闭包导致内存泄漏的本质是它无意中“拴住”本该释放的大对象，只要闭包存活，其捕获的外部变量（包括未使用的大型数组、对象或DOM节点）就因可达性而无法被垃圾回收；应只捕获必要变量、提前移出冗余大对象、及时置空引用，并用WeakMap管理DOM关联数据。
闭包本身不是问题，问题在于它无意中“拴住”了本该释放的大对象。只要闭包还活着，它捕获的外部变量就无法被垃圾回收——哪怕你根本没在闭包里用到那个变量。
只捕获真正需要的变量
闭包会保留整个外层函数的作用域链，而不是单个变量。如果外层函数里声明了一个大数组、大对象或 DOM 节点，而闭包只用到了一个计数器，那个大数组仍会被一起留住。
- 把大对象提前移出闭包作用域，比如放到函数参数或模块顶层（需确保不被意外复用）
- 避免在返回函数前创建冗余大变量：不要写
function outer() { const big = new Array(1e6); return () => console.log('done'); } - 必要时拆分逻辑：把数据准备和闭包生成分开，让闭包只接收精简后的值
及时切断不再需要的引用
当闭包任务完成、组件卸载或监听逻辑终止时，若还保留对它的引用（比如赋值给全局变量或缓存进 Map），它捕获的数据就一直滞留。
- 明确生命周期：谁创建闭包，谁负责在适当时机将其引用置为
null - 例如在 React 的
useEffect清理函数中：let closureRef = null; closureRef = () => {...}; return () => { closureRef = null; }; - 避免长期持有闭包本身——尤其不要把它塞进全局数组、Map 或事件回调队列里却不清理
用 WeakMap 管理 DOM 关联数据
如果闭包是为了给 DOM 元素挂载状态（如临时标记、缓存计算结果），直接用闭包捕获元素容易形成强引用循环；WeakMap 能自动解绑。
立即学习“Java免费学习笔记（深入）”；
- 把 DOM 节点作为 WeakMap 的键，关联数据作为值：
const cache = new WeakMap(); cache.set(el, { lastTime: Date.now() }); - 节点被移除后，WeakMap 中对应条目自动消失，无需手动清理
- 适用于：自定义属性绑定、渲染状态缓存、第三方库扩展数据等场景
警惕循环引用与隐式全局
闭包 + DOM + 全局变量是经典泄漏组合。比如在非严格模式下漏写 let，让某个闭包内部变量变成 window 属性，那它和它捕获的所有内容都会活到页面关闭。
- 所有脚本顶部加
"use strict"，让裸赋值直接报错 - 启用 ESLint 规则
no-implicit-globals和no-unused-vars - 检查闭包是否同时持有了 DOM 元素和它的父容器——这种结构容易因移除逻辑不一致导致分离 DOM 树
