闭包易引发JS与DOM间的循环引用，导致内存泄漏；需手动清理事件监听和定时器、避免捕获大型对象、用WeakMap替代DOM直接挂载属性。
闭包本身不直接“造成”循环引用，但它容易在 JS 对象与 DOM 节点之间搭起一条强引用链，而这条链一旦形成闭环，就可能阻断垃圾回收——尤其当 DOM 已被移除、但闭包仍存活时。
关键：识别并切断 JS ↔ DOM 的双向强引用
典型闭环结构是：
- DOM 元素（如
btn）上绑定了事件处理器（一个闭包）； - 该闭包内部又访问了这个 DOM 元素（或其属性、父级、dataset 等）；
- 结果：DOM → 持有闭包，闭包 → 持有 DOM，形成无法自动释放的引用环。
手动清理事件监听和定时器
这是最常见也最有效的切入点。闭包常作为回调存在，只要它还挂在事件系统或定时器队列里，就会持续持有外部变量。
- 绑定时保存 handler 引用，卸载时必须显式调用
removeEventListener； - 使用
setInterval或setTimeout时，务必保存返回的 timer ID，并在不需要时调用clearInterval/clearTimeout； - 在 React 中对应
useEffect的清理函数，在 Vue 中对应onBeforeUnmount钩子。
避免闭包捕获大型对象或整个组件实例
闭包捕获的不是“值”，而是“变量的引用”。如果它无意中捕获了 this、props、state 或一个大数组，这些数据就无法被回收。
立即学习“Java免费学习笔记（深入）”；
- 只捕获真正需要的字段，比如用
const { id, name } = props提前解构，而非直接传入整个props； - 对 DOM 操作，优先用
e.target或事件委托获取元素，而不是在闭包里存一份document.getElementById(...)； - 若必须缓存 DOM 关联数据，改用
WeakMap，它不会阻止 DOM 节点被回收。
用 WeakMap 替代直接挂载属性
把数据直接挂在 DOM 元素上（如 el.cache = {...}）看似方便，实则危险：DOM 移除后，el.cache 仍在内存中，且闭包若再引用它，等于加了一层不可见的强引用。
- 正确做法：
const cache = new WeakMap(); cache.set(el, { timestamp: Date.now() }); -
WeakMap的键是弱引用，DOM 节点一旦被 GC，对应条目自动消失，无需手动清理； - 注意：WeakMap 的键必须是对象，不能是字符串或基本类型。
