Quartz 4

垃圾回收

8 min read

深入剖析 JavaScript 中的垃圾回收机制

在 JavaScript（简称 JS）中，垃圾回收（Garbage Collection，GC）是引擎自动管理内存的核心机制之一。它的主要职责是检测程序中不再使用的对象，并释放它们占用的内存空间，从而避免内存泄漏和程序崩溃。本文将深入剖析 JS 垃圾回收的工作原理、常见算法、V8 引擎的优化方案，以及如何在开发中有效管理内存。

1. JavaScript 垃圾回收的核心概念

1.1 可达性（Reachability）

垃圾回收机制的关键是“可达性”原则。

  • 根对象（Roots）： 程序中所有能够作为访问入口的对象，如全局对象（window）、当前函数调用栈中的变量。
  • 可达对象： 从根对象出发，所有可以通过直接或间接引用访问到的对象。
  • 不可达对象： 无法通过任何引用路径访问到的对象被视为垃圾，会被回收。

例如：

let obj = { name: "muliminty" }; // obj 可达
obj = null; // obj 不再可达，等待垃圾回收

1.2 内存生命周期

JavaScript 的内存生命周期分为三个阶段：

  1. 内存分配： 通过变量声明、函数创建或对象初始化分配内存。
  2. 内存使用： 操作对象、调用函数、读取属性等。
  3. 内存释放： 对象变得不可达后，由垃圾回收器回收内存。

2. JavaScript 中的垃圾回收算法

现代 JS 引擎采用了多种垃圾回收算法来提高性能和效率。其中，最核心的两种算法是标记-清除和分代回收。

2.1 标记-清除算法（Mark-and-Sweep）

这是 JS 中最常用的垃圾回收算法，由两大阶段组成：

  1. 标记阶段：
    从根对象出发，递归遍历所有引用并标记为“存活”。
  2. 清除阶段：
    遍历堆中所有对象，回收未标记的对象，释放其内存。

该算法有效解决了循环引用问题。例如：

function createCycle() {
  let a = {};
  let b = {};
  a.ref = b; 
  b.ref = a; 
}
createCycle();
// a 和 b 的循环引用不会阻碍回收

优点： 简单高效，能处理循环引用问题。
缺点： 回收时需要暂停程序执行（Stop-the-World）。

2.2 分代回收（Generational GC）

分代回收基于对象的“弱分代假说”：

  • 大多数对象是短命的。
  • 长命对象通常会存活较长时间。

基于此，垃圾回收器将堆内存分为两个部分：

  1. 新生代（Young Generation）： 短生命周期的小对象，如函数内部变量。
  2. 老年代（Old Generation）： 长生命周期的大对象，如全局数据。

新生代回收：
使用复制算法，将存活对象从“From”空间复制到“空闲的 To”空间，随后清空原空间。

老年代回收：
使用标记-清除和标记-整理结合的方式，避免内存碎片化。

3. V8 引擎中的垃圾回收优化

3.1 增量垃圾回收（Incremental GC）

为减少垃圾回收带来的暂停时间，V8 将 GC 分为多个小任务执行，而非一次性完成。这种方式称为增量垃圾回收。

3.2 并行垃圾回收（Parallel GC）

V8 充分利用多核 CPU，将垃圾回收任务分配到多个线程并行处理，进一步提升回收效率。

3.3 空间分配限制

为了优化性能，V8 对堆内存设置了限制：

  • 32 位系统： 约 1.5 GB。
  • 64 位系统： 约 4 GB。 超出限制可能导致内存溢出。

4. 垃圾回收的实践与优化

4.1 常见内存泄漏的原因

  1. 全局变量滥用： 未声明变量会默认变成全局变量，导致内存无法释放。

    function createLeak() {
  leakVar = {}; // 全局变量
}

  2. 定时器未清除： 定时器持有对回调的引用，可能阻止回调内存的释放。

    let timer = setInterval(() => { /* code */ }, 1000);
clearInterval(timer); // 必须清除

  3. 闭包问题： 闭包持有外部作用域变量的引用，可能导致内存无法释放。

    function createClosure() {
  let largeObj = { /* data */ };
  return function() {
    console.log(largeObj);
  };
}

  4. DOM 元素未清理： 删除 DOM 节点时，未清理其关联的事件监听器。

   const btn = document.getElementById("button");
   btn.addEventListener("click", () => console.log("clicked"));
   // 删除按钮时，应使用 removeEventListener 清除监听器

4.2 优化内存管理的实践

  1. 减少短期对象的创建和销毁： 避免在循环中频繁创建临时对象。

  2. 释放不必要的引用： 使用 null 或重新分配释放不再需要的对象。

    let obj = { name: "large data" };
obj = null; // 主动解除引用

  3. 使用弱引用： 对可能导致循环引用的场景使用 WeakMap 或 WeakSet。

    let weakMap = new WeakMap();
let key = {};
weakMap.set(key, "value");
key = null; // WeakMap 中的键值对会自动被回收

5. 检测与分析内存问题

5.1 使用开发者工具

浏览器开发者工具（如 Chrome DevTools）提供了多种方法：

  • Performance 面板： 检测内存使用模式。
  • Heap Snapshot： 捕获堆快照，分析对象引用关系。

5.2 内存分析工具

  1. Node.js 开发环境： 使用 --inspect 参数启动 Node.js，结合 Chrome DevTools 分析内存泄漏。
  2. 第三方工具： 如 clinic.js 提供详细的性能分析。

6. 总结

JavaScript 的垃圾回收机制极大地简化了开发者的内存管理工作，但仍需理解其底层原理以优化代码性能。通过掌握垃圾回收算法、分代策略以及内存管理实践，可以有效避免内存泄漏，提升应用的稳定性。

参考资料

  1. V8 官方文档 - Garbage Collection
  2. MDN Web Docs - Memory Management
  3. JavaScript.info - Garbage Collection
  4. Chrome DevTools - Memory Profiling

Graph View

Backlinks