闭包本身不导致内存泄漏，但捕获大对象且被长期持有（如全局变量、未解绑事件、未清除定时器、缓存滥用）会阻止垃圾回收；需通过Chrome Memory面板比对快照、分析Retainer链定位问题，并采用精简捕获、weakmap、统一销毁等策略防控。
闭包本身不泄漏内存，但一旦它捕获了超大对象（比如百万级数组、完整 DOM 树、大型图片数据或组件实例），而这个闭包又被长期持有，就会让这些对象无法被垃圾回收——内存占用就实实在在地涨上去了。
哪些情况会让闭包“卡住”大对象？
关键不是闭包存在，而是它被谁拿着、拿多久、又引用了什么。
-
闭包赋值给全局变量或模块顶层变量：比如
window.cacheFn = () => console.log(bigData)，只要window.cacheFn还在，bigData就一直驻留内存 -
闭包作为事件处理器绑定后未解绑：DOM 元素被
remove()了，但addEventListener的回调还在，闭包连带它捕获的整个作用域（含大数组、this 实例等）全被锁住 -
定时器回调中持续访问大对象：例如轮询接口时在
setInterval里直接读取this.tableData或document.querySelector('#report')，组件卸载后定时器没清，对象就一直活着 -
缓存结构存了闭包+大对象组合：用普通
Map或对象缓存函数时，把处理逻辑和原始数据一起塞进去，又没设过期或清理机制，越积越多
怎么判断是不是这个问题？
打开 Chrome DevTools → Memory 面板 → 拍摄 Heap Snapshot：
- 操作前拍一张，操作（如打开/关闭组件多次）后再拍一张，用 Comparison 模式看 Closure 和 Detached DOM tree 是否明显增长
- 在快照里搜索
(closure)，点开看它的 Retained Size（实际占多少内存）和 Retainers（谁在引用它） - 如果 Retainer 链最终指向
window、某个未销毁的定时器 ID、或一个长期存活的事件监听器，基本就是它了
实用缓解方式
不追求“完全不用闭包”，而是控制引用强度和生命周期：
- 只捕获真正需要的值，而不是整个对象。例如把
el.id提前取出，再让闭包用它，而不是让闭包直接持el - 事件绑定优先用
signal选项：element.addEventListener('click', handler, { signal })，后续调abortController.abort()即可一键解绑所有 - 定时器启动时保存 ID，在组件销毁、页面离开前明确调用
clearTimeout或clearInterval - 缓存大对象关联逻辑时，改用
WeakMap（以 DOM 节点为 key）或WeakRef+FinalizationRegistry，让 GC 可以自主回收
