闭包泄漏在快照中表现为Closure构造函数下大量新增实例且Retained Size偏高（达MB级），真正占内存的是其捕获的大对象；点开任一Closure，若Retainers引用链终点为window、定时器或全局Map，即可确认泄漏。
闭包泄漏在快照里长什么样？
闭包本身不是问题，问题在于它意外持有了本该释放的大对象（比如整个组件实例、DOM 节点、大型数组）。这类泄漏在 Heap Snapshot 中最典型的信号是：Closure 构造函数下出现大量新增实例，且每个实例的 Retained Size 明显偏高（几百 KB 甚至 MB 级）。
你不会看到 Closure 占用最多内存——它只是“容器”，真正占内存的是它闭包中捕获的变量。所以重点不是数 Closure 有多少个，而是点开任意一个，看右侧 Retainers 标签页：如果引用链终点指向 window、globalThis、某个长期存活的 Map 或未清除的定时器回调，基本就能锁定是闭包泄漏。
常见表现包括：
- 重复进入/退出同一页面后，
Closure数量持续增加，且Retained Size不回落 - 点击某按钮触发操作后，快照中出现大量
Closure持有HTMLDivElement或VueComponent实例 - 在
Dominator Tree视图中，某个闭包对象出现在顶部几行，Retained Size排名靠前
怎么拍快照才能暴露闭包泄漏？ 关键不在拍得多，而在拍得准。闭包泄漏往往需要“触发→清理→再触发”这个闭环来暴露：
必须做的三步：
- 首次快照前，手动触发一次
GC（点 Memory 面板左上角小垃圾桶图标），清掉干扰项 - 执行目标操作（比如打开弹窗、初始化图表），然后**主动清理**：调用
dispose()、removeEventListener()、清空闭包依赖的变量（如设为null） - 再次 GC → 拍第二张快照；如有必要，重复操作 2–3 次后再拍第三张，观察
Closure是否线性增长
注意：如果清理逻辑没写或写错了（比如传了箭头函数给 removeEventListener），快照对比时 Delta 列会出现大量红色 +1 的 Closure，这就是最直接的线索。
从 Retainers 追到闭包源头的实操要点
点开一个可疑 Closure 实例后，Retainers 标签页显示的是“谁在引用它”。但这里容易误读：第一层引用常常是 function 或 timer，真正的泄漏根源藏在更深的层级。
要快速定位，按这个顺序看：
- 先展开最顶层的引用，找带
[[Scopes]]的那一行（Chrome 会标为 “Closure”） - 往下滑，找到第一个非内置对象（比如你的模块名、组件名、
uploadHandler这类自定义名） - 右键该对象 →
Reveal in Summary view，跳转过去看它的Retained Size和构造函数 - 如果它是个
Object或Array，再点进去看它的Retainers—— 循环这一步，直到看到window、setTimeout回调、或某个全局缓存对象
典型路径示例：Closure → setTimeout 回调 → MyChart 实例 → data 数组（10MB）→ Retainers 显示被 window.chartCache 持有。到这里就清楚了：缓存没做失效策略，闭包只是“背锅”的中间环节。
为什么 Allocation Timeline 比快照更早发现问题？
Allocation instrumentation on timeline 是动态录制，能直接告诉你“哪个函数在不断 new 出闭包”。相比静态快照，它对闭包泄漏更敏感，尤其适合发现高频触发场景（比如滚动监听、输入防抖）。
启用后录制一次操作，停止播放，然后在火焰图下方切换到 “Allocations” 标签，按“Constructor”排序，重点关注：
- 频繁出现的
Closure行，旁边标注了具体哪一行 JS 创建的（例如chart.js:42） - 同一位置反复分配，且每次分配后没有对应释放（即后续快照里该闭包没消失）
- 分配堆栈里出现
addEventListener、setTimeout、debounce等关键词
这个工具不解决“怎么修”，但它能精准指出“哪行代码在造泄漏”，比在几十万行快照里手动翻 Retainers 高效得多。实际排查时，建议先跑 Allocation Timeline 锁定位置，再用快照验证和深挖引用链。
闭包泄漏最难缠的地方不是找不到，而是它常伪装成“合理持有”——比如你确实在回调里用了 this.data，但忘了组件销毁后这个闭包还在计时器里活着。所以任何涉及异步、事件、缓存的闭包，都要配套设计明确的清理出口，不能只靠“理论上 GC 会回收”。
