闭包本身不泄漏，泄漏的是它意外持有的对象——DOM节点、大数组、组件实例等；只要闭包被长生命周期对象引用，其捕获的作用域就无法被GC。
闭包本身不泄漏，泄漏的是它意外持有的对象——DOM 节点、大数组、组件实例、定时器上下文。只要闭包函数还被某个长生命周期对象引用着，它捕获的整个作用域就无法被 GC。
Chrome Memory 面板抓 Detached DOM + Closure 链
这是最直接有效的定位路径：Detached DOM 树持续增长，基本就能断定是事件监听器里的闭包没清理干净。
- 在编辑器/组件反复打开关闭后，用
Memory面板拍两个Heap Snapshot - 第二张快照选
Comparison模式，筛选Detached HTMLDivElement或类似类型 - 点开任一 Detached 节点，看
Retainers列表 —— 如果出现Closure → function → (anonymous) → element这样的链路，就是闭包在 hold 住它 - 再点进那个
(closure)对象，看Retained Size和谁在持有它（比如window、document、某个全局emitter实例）
addEventListener 绑定的闭包必须能 remove
箭头函数、内联函数、useCallback 依赖漏写，都会导致 removeEventListener 失效 —— 新旧函数引用不同，旧监听器还在内存里挂着。
- 不要写
el.addEventListener('click', () => {...})，改用具名函数：const handler = () => {...}; el.addEventListener('click', handler); el.removeEventListener('click', handler); - React 类组件中，
componentDidMount绑的监听器，必须在componentWillUnmount清理；函数组件用useEffect时，return里的清理函数要确保解绑的是同一个函数实例 - 对
IntersectionObserver、ResizeObserver等封装类，检查其内部是否也用了闭包绑定且未暴露disconnect接口 - 给
addEventListener加{ once: true }是最省心的方案，适用于初始化、加载完成等一次性事件
setTimeout/setInterval 里的闭包常连带泄漏 this 和响应式数据
定时器回调形成的闭包，容易捕获整个组件实例或大型 state，而定时器本身又没被清除，等于给整个作用域上了锁。
立即学习“前端免费学习笔记（深入）”；
- React 类组件中，
setInterval启动后，若componentWillUnmount里忘了clearInterval，this.state和this.props就一直驻留 - 避免在回调里直接读
this.xxx或store.state；改用参数传入必要字段，或用useRef存快照值（如const latestState = useRef(state); latestState.current = state;） - Vue 3 的
onBeforeUnmount或 React 的useEffectcleanup 函数里，必须显式调用clearTimeout/clearInterval，且变量要定义在闭包外（不能在定时器回调里重新声明 id） - 检查第三方库是否内部用了
setInterval（比如某些实时同步 SDK），它们是否提供destroy方法
WeakMap 缓存不是万能解药，反而可能掩盖问题
用 WeakMap 替代普通对象做缓存，确实能避免强引用，但它不解决“为什么需要缓存”和“缓存内容是否该存活这么久”的根本问题。
-
WeakMap的键必须是对象，且一旦键对象被 GC，对应条目自动消失；但如果你缓存的是本该随组件销毁而释放的 DOM 节点，WeakMap只是让它“悄悄泄漏”，不会报错也不会显眼 - 检查所有
new WeakMap()使用点：它缓存的值是否真的需要跨生命周期？有没有更轻量的替代（比如用dataset或id字符串索引）？ - 不要在
WeakMap里存函数或闭包本身 —— 它们不是对象，WeakMap 不接受；若误用Map，反而制造强引用泄漏 - 真正关键的是：谁在持有这个
WeakMap实例？如果它挂在window或模块顶层，那它自己就成了长期存活对象，里面所有键都得活到页面关闭
最容易被忽略的一点：泄漏往往不出现在你写的闭包里，而出现在你调用的库函数里 —— 比如一个富文本编辑器插件内部绑了 scroll 监听器却没暴露卸载方法，或者某个图表库的 resize 回调闭包捕获了整个 Vue 实例。这时候，堆快照里的 Retainers 链会指向第三方代码，得顺着它往回查调用栈和文档。
