Chrome DevTools Memory面板需通过多次堆快照对比差异识别内存泄漏，重点观察Constructor列中持续增长的对象类型，并利用Retainers面板追踪引用链定位根源。
Chrome DevTools 的 Memory 面板怎么看
直接打开 chrome://inspect → 选中页面 → 点击 Open dedicated DevTools for Node（如果是网页，用 F12 打开后切到 Memory 标签页）即可开始排查。关键不是点“Take heap snapshot”，而是要对比多次快照之间的差异。
常见错误是只拍一张图就找“最大的对象”，其实泄漏必须通过「增长趋势」识别：比如连续执行某操作 5 次，每次后拍一张快照，然后在 Summary 视图里用 Comparison 模式查看「新增但未释放」的对象。
- 优先筛选
Constructor列中持续增长的类型，如Closure、Array、Object，尤其注意带匿名函数或绑定上下文的Closure - 点击某构造器名，右侧
Retainers面板会显示谁持有它——这是定位根源的关键，90% 的泄漏卡在这一步没往下钻 - 避免在快照中直接看
Distance值判断“深不深”，要结合Retainer Path看实际引用链是否本该断开
console.memory 和 performance.memory 能信吗
能查趋势，不能定位对象。这两个 API 返回的是 JS 堆总使用量（usedJSHeapSize），适合写自动化检测脚本，比如在测试中反复触发某功能并记录内存值：
setInterval(() => {
console.log(`Heap: ${performance.memory.usedJSHeapSize / 1024 / 1024} MB`);
}, 2000);
但它们无法告诉你哪个变量没被回收。更危险的是：performance.memory 在部分 Chrome 版本（如 115+）默认禁用，需启动时加参数 --enable-precise-memory-info，否则返回 undefined。
立即学习“Java免费学习笔记（深入）”；
-
console.memory是非标准 API，仅 Chrome/Edge 支持，Firefox 不可用 - 数值抖动正常（V8 会延迟 GC），单次上涨不等于泄漏，要观察「重复操作后是否回落」
- 若发现稳定上涨，再切回 Memory 面板拍快照，别在这儿空猜
闭包和事件监听器是最常见的泄漏源
不是“用了闭包就会泄漏”，而是「闭包意外捕获了大对象，且该闭包被长生命周期对象持有」。典型例子是给全局对象（如 window 或 document）添加监听器，但忘记 removeEventListener：
function setupHandler() {
const bigData = new Array(1000000).fill('leak');
document.addEventListener('click', () => console.log(bigData.length));
}
setupHandler(); // bigData 永远不会被 GC
另一个高危场景是定时器回调中引用 DOM 元素，而元素已被移除但 timer 还活着。
- 用
addEventListener时尽量传具名函数，方便后续removeEventListener；或使用{ once: true }选项 - Vue/React 组件中，
useEffect或mounted里启的定时器、监听器，必须在unmounted/useEffect cleanup中清除 - 检查
Retainers时，如果看到Window→EventListener→Closure→ 你的变量，基本就是它了
WeakMap 和 WeakRef 真的能防泄漏吗
能缓解，但不能替代正确设计。它们只解决「键为对象时的强引用问题」，对值本身无保护作用。
例如用 WeakMap 缓存 DOM 元素计算结果是安全的，因为当元素被移除，WeakMap 项自动消失；但如果你把一个大数组塞进 WeakMap 的 value 里，而这个数组又被其他地方强引用着，它照样不回收。
-
WeakRef+FinalizationRegistry只用于通知“对象可能被回收了”，不能阻止回收，也不保证立刻触发回调 - 不要为了用而用：95% 的泄漏靠清理监听器、中断定时器、避免全局缓存就能解决，
WeakMap是锦上添花，不是止血钳 - 注意兼容性：
WeakRef在 Safari 14.1+、Chrome 84+ 支持，旧环境需降级方案
Retainers 路径里分辨出哪一环本该主动切断——有时候是业务逻辑里一次忘记解绑，有时候是框架底层引用没暴露出来，得结合代码上下文交叉验证。 
