JavaScript内存泄漏需通过Allocation Timeline观察对象分配增长模式，再用Heap Snapshot对比定位未回收对象及其Retainers引用链，结合手动GC验证，重点排查事件监听器、定时器闭包和缓存未清理等典型泄漏源。
JavaScript 的垃圾回收（GC）本身是自动的，但内存泄漏往往是因为开发者无意中保留了本该被回收的对象引用。要定位泄漏源头，不能只看 GC 是否运行，而要结合 内存快照（Heap Snapshot） 和 分配时间轴（Allocation Timeline） 交叉分析——前者告诉你“现在有什么”，后者告诉你“这些对象是怎么一步步多出来的”。
用 Allocation Timeline 捕捉持续增长的分配模式
在 Chrome DevTools 的 Memory 面板中，选择 Allocation instrumentation on timeline，然后录制用户操作（如反复打开/关闭模态框、切换路由、滚动列表等）。关键不是看总内存，而是观察：
- 蓝色柱状图（JS 堆分配）是否随操作重复而**阶梯式上升**，且不回落 → 表明新对象不断产生，旧对象未被释放
- 顶部过滤器中勾选 Objects allocated between GCs，能排除短生命周期对象干扰，聚焦“活过一次 GC”的可疑对象
- 点击某一段上升区间，在下方列表中按 Constructor 或 Object ID 排序，找出高频出现的构造函数（如
Array、Object、自定义类名、闭包函数等）
用 Heap Snapshot 锁定具体引用链
在 Allocation Timeline 中发现可疑增长后，立即拍一张堆快照（或在操作前后各拍一张对比）。重点使用以下视图：
- Comparison 视图：选中两个快照（如“操作前” vs “操作后”），筛选 Added Objects，按 Size 或 Count 降序，找到新增最多、体积最大的构造函数
-
Retainers 列：对某个可疑对象（如某个大型数组或闭包）右键 → Reveal in Summary view → 查看它的 Retainers（谁在引用它）。常见泄漏引用源包括：
• 全局变量（window、globalThis）或模块级变量
• 未清理的事件监听器（addEventListener但没配对removeEventListener）
• 定时器闭包（setInterval回调中捕获了 DOM 节点或大对象）
• Map/Set 缓存未清理（键为对象，但忘记.delete()）
结合 GC 日志验证回收行为
开启 Verbose GC logging（需启动 Chrome 时加参数 --js-flags="--trace-gc --trace-gc-verbose"），或在 DevTools Console 中执行 %gc() 手动触发 GC 后观察：
立即学习“Java免费学习笔记（深入）”；
- 如果某类对象在多次 GC 后仍大量存在，且 retained size 不降 → 基本确认未被回收
- 注意区分 shallow size（自身占用）和 retained size（它持有的所有对象总和）——泄漏往往藏在 retained size 里
- 若发现某闭包的 Closure 条目下有大量 DOM 节点或数组，说明该闭包意外持有了不该持有的引用
典型泄漏模式与修复建议
以下模式在 Allocation Timeline + Snapshot 对比中最易识别：
-
事件监听器泄漏：Timeline 中
EventListener构造函数持续增长；Snapshot 中发现Element → EventListener → Closure → 大对象链路 → 修复：使用once: true、显式removeEventListener，或用事件委托替代绑定到子节点 -
定时器闭包泄漏：Timeline 中
Timeout或Interval对应的闭包对象数量线性增加；Snapshot 中该闭包 Retainers 包含已卸载组件实例 → 修复：组件销毁时clearTimeout/clearInterval，并置空定时器 ID -
缓存未失效：Timeline 中
Map或Object实例数只增不减；Snapshot 中 Map 的entries引用了大量已不用的 DOM 节点 → 修复：用WeakMap替代普通 Map（键为弱引用），或手动管理缓存生命周期
