JavaScript垃圾回收基于可达性判断对象是否可回收,通过标记清除算法周期性清理不可达对象;闭包、未解绑事件监听器等易引发内存泄漏,需及时断开引用或使用WeakMap等工具防范。

JavaScript 的垃圾回收(GC)是自动运行的,不需要手动干预,但它的工作方式和你写的代码密切相关。理解它怎么“判断哪些该删”,以及“为什么有些明明不用了却删不掉”,就能避开大部分内存泄漏问题。
垃圾回收靠“可达性”来判断对象是否该清理
引擎不会看“你是不是记得这个变量”,而是看“从根节点(比如全局对象、当前函数的局部变量)出发,能不能顺着引用链找到它”。能找到的,就叫“可达”;找不到的,就是垃圾。
- 根节点包括:全局对象(浏览器里是 window 或 globalThis)、当前执行函数的局部变量、正在入栈的参数等
- 只要一个对象被某个可达对象直接或间接引用着,它就不会被回收
- 哪怕你写了 obj = null,也只是断开了这一个引用;如果还有别的地方存着对它的引用,它依然活得好好的
主流算法是标记清除(Mark-and-Sweep),不是引用计数
现代 JS 引擎(V8、SpiderMonkey 等)都用标记清除,因为它能正确处理循环引用——这是引用计数的老大难问题。
- 标记阶段:从根开始遍历所有能触达的对象,打上“活跃”标记
- 清除阶段:把没被打标记的对象内存全部释放
- 整个过程不是实时的,而是周期性触发(比如空闲时或内存快满时),所以延迟存在但可控
闭包本身不等于内存泄漏,但容易“锁住”不该留的数据
闭包会保留其外层函数的词法环境。如果这个环境里有大数组、DOM 节点、或你早就不用的配置对象,而闭包还活着,那整块环境都动不了。
立即学习“Java免费学习笔记(深入)”;
- 典型场景:事件监听器用了闭包,但 DOM 元素已被移除,监听器却没解绑
- 常见写法:element.addEventListener('click', () => {...}) —— 这个箭头函数闭包可能长期持有 element 或其他大对象
- 解决办法:用具名函数 + removeEventListener;或用 AbortController 自动清理
几个简单但关键的防泄漏习惯
- 定时器或请求回调里引用了外部大对象?用完及时设为 null 或用局部变量承接
- 全局变量少用,尤其缓存类对象(如 window.cacheData),记得适时清空
- 用 WeakMap 存“附属信息”:键是 DOM 或对象实例,值只在键还活着时有效,不阻止回收
- 大数组或 ArrayBuffer 不再需要时,别只赋值 [],显式设为 null 更稳妥
- 开发中打开 Chrome DevTools → Memory 面板,拍快照对比,找“Detached DOM tree”或持续增长的对象
基本上就这些。机制不复杂,但容易忽略引用链的隐含关系。写代码时多问一句:“这个闭包/监听器/缓存,到底要活多久?”答案往往就是内存是否健康的关键。











