JavaScript 垃圾回收机制是什么？WeakMap 为什么能避免某些内存泄漏？
简化版
JavaScript 垃圾回收主要基于可达性分析：从全局对象、调用栈、闭包等 GC Roots 出发，无法再访问到的对象会被回收。WeakMap 的 key 是弱引用，不会阻止 key 对象被回收，适合给 DOM 节点或对象挂私有元数据，减少缓存导致的泄漏风险。
详细版
- 现代 JS 引擎主要使用标记-清除及其增量、分代等优化。
- 只要对象从根集合可达，就不会被回收；不可达才有机会被回收。
- 闭包、定时器、事件监听、全局缓存都可能让对象保持可达。
- Map 的 key 是强引用，key 对象不用了也可能被 Map 留住。
- WeakMap 的 key 必须是对象，且不可枚举，因为它不保证 key 何时被回收。
完整版教学
记忆钩子：垃圾回收看“还能不能从根走到它”，WeakMap 的 key 不会帮对象续命。
一、这题真正考什么
记忆钩子：垃圾回收看“还能不能从根走到它”，WeakMap 的 key 不会帮对象续命。
面试官想看的不是你能不能背一个术语，而是能不能解释 JavaScript 为什么会出现这些看似反直觉的结果。答题时要从执行模型、规范规则和工程边界三个角度展开。
二、底层机制怎么理解
可达性是理解 JS 内存管理的核心。引擎会从全局对象、当前调用栈、闭包引用、宿主对象等根开始标记能访问到的对象，未被标记的对象才可回收。WeakMap 的弱引用语义意味着，如果某个对象除了 WeakMap key 外已经不可达，它仍可以被回收。
JavaScript 高频题经常围绕“运行时如何决定结果”展开。只要能把创建阶段、调用方式、查找链路、转换规则或内存可达性说清楚，就能把题目从记忆题讲成原理题。
三、带数字或代码的小推演
假设页面创建了 10000 个 DOM 节点，并用 Map 保存每个节点的元数据。节点从 DOM 移除后，如果 Map 仍以节点为 key，节点仍被强引用；改用 WeakMap 后，只要其他地方不再引用节点，GC 可以回收它和关联元数据。
下面把核心规则压成几行，复习时可以按顺序手推一遍：
可回收条件：对象不可从 GC Roots 到达
Map：cache.set(obj, meta) 会强引用 obj
WeakMap：weakCache.set(obj, meta) 不阻止 obj 被 GC
弱引用不等于立即回收，回收时机由引擎决定四、执行流程怎么走
可以把这道题放到下面的运行流程里看：
GC Roots
|
遍历全局变量、调用栈、闭包、宿主引用
|
标记所有可达对象
|
未标记对象进入可回收集合
|
清理内存并可能压缩/整理
|
WeakMap key 不参与保持可达流程图的价值是把“现象”还原成“步骤”。面试追问通常就是换一段代码让你预测输出，按流程推比靠直觉猜更稳。
五、对比表格
| 结构 | key 引用强度 | 能否遍历 |
|---|---|---|
| Map | 强引用 | 可以遍历 |
| WeakMap | 弱引用 key | 不可遍历 |
| Set | 强引用 value | 可以遍历 |
| WeakSet | 弱引用对象 value | 不可遍历 |
对比题要主动说适用场景和边界。JavaScript 的很多机制都不是“好或坏”，而是历史兼容、运行时灵活性和工程可维护性之间的折中。
六、工程实践和排查思路
- WeakMap 只能降低因对象元数据缓存导致的泄漏风险，不能解决所有内存泄漏。
- 如果 value 里又强引用 key 或外部全局数组保存 key，仍然可能无法回收。
- 遇到输出预测题时，不要只报结果，要按创建、查找、调用、转换、执行顺序解释。
- 生产代码要优先选择可读性强、边界清晰的写法，把语言怪异点限制在工具函数或明确封装里。
七、常见误区与追问
- 误区：JavaScript 有 GC 就不会内存泄漏。 要补上规范规则、执行阶段和反例，避免用一句经验话术盖过真正原因。
- 误区：WeakMap 会让对象立刻释放。 要补上规范规则、执行阶段和反例，避免用一句经验话术盖过真正原因。
- 误区：WeakMap 可以用字符串做 key。 要补上规范规则、执行阶段和反例，避免用一句经验话术盖过真正原因。
- 追问：为什么 WeakMap 不能遍历？ 先给规则，再用一小段代码或内存/调用示意解释为什么。
- 追问：闭包为什么可能导致对象不可回收？ 先给规则，再用一小段代码或内存/调用示意解释为什么。
- 追问：如何用 Chrome DevTools 排查 JS 内存泄漏？ 先给规则，再用一小段代码或内存/调用示意解释为什么。
八、加强记忆
记住“GC 看可达，Map 会留人，WeakMap 不续命”。回答时先讲可达性，再讲强引用/弱引用，最后用 DOM 元数据缓存例子落地。
复习 JavaScript 基础题时，可以固定按“创建阶段、执行阶段、查找链路、调用方式、类型转换、工程边界”六步组织答案。这个框架能覆盖大多数输出题和原理题。