浏览器的垃圾回收机制

浏览器的垃圾回收机制主要是针对JavaScript内存管理进行的。JavaScript具有自动垃圾回收机制（GC，Garbage Collection），开发者无需手动释放内存。垃圾回收的核心任务是发现和清除不再使用的内存。目前主流浏览器（如Chrome、Firefox、Edge）通常采用**标记-清除（Mark-Sweep）**算法为主，辅以其他优化算法。

一、浏览器垃圾回收的核心概念

1. 内存生命周期

JavaScript中的内存管理包含以下几个阶段：

分配内存：声明变量、创建对象或函数时自动分配内存。
使用内存：读写操作，即使用变量、对象或函数。
释放内存：当内存不再使用时，由垃圾回收机制自动回收。

2. 垃圾回收的根本原则

垃圾回收的目标是找到不再使用或无法访问的对象，即垃圾对象。浏览器通过不同算法来识别这些对象。

二、常见的垃圾回收算法

1. 标记-清除（Mark-Sweep）

这是目前最常用的垃圾回收算法。

原理：

标记阶段：从根（通常是全局对象，如window）出发，遍历所有可以访问的对象，进行标记。
清除阶段：没有标记的对象会被认为是不可达的，直接回收内存。

优点： 简单高效，能正确识别循环引用。
缺点： 扫描和清除过程可能导致性能抖动（卡顿）。

2. 引用计数（Reference Counting）

原理： 通过引用次数判断对象是否可回收。引用数为0时，即认为对象不可达，进行回收。

问题：

无法处理循环引用。
现代浏览器已逐渐放弃此算法，改用标记-清除。

示例：循环引用导致内存泄漏

function createCycle() {
    const obj1 = {};
    const obj2 = {};
    obj1.ref = obj2;
    obj2.ref = obj1;
}
createCycle();

3. 分代回收（Generational Garbage Collection）

现代浏览器（如V8引擎）通常采用分代式垃圾回收算法，将内存划分为新生代和老生代：

新生代（Young Generation）：存放生命周期短的对象，采用Scavenge算法（如复制算法）进行回收。
老生代（Old Generation）：存放生命周期较长的对象，采用标记-清除和标记-压缩相结合。

好处：

提升性能：频繁操作新生代对象，减少老生代回收次数。
降低卡顿：新生代内存小，清理速度快，老生代分批清理。

三、垃圾回收的触发时机

浏览器通常在以下场景触发垃圾回收：

内存不足时：新对象无法分配内存时触发。
空闲时：浏览器空闲时会进行垃圾回收。
手动触发（较少见）：
- 通过window.gc()（需在启用开发者模式下）。

四、内存泄漏场景

即使有垃圾回收机制，以下情况仍可能导致内存泄漏：

意外的全局变量

function leak() {
    globalVar = "I'm a leak"; // 未使用`var`、`let`或`const`
}

闭包未释放

function createClosure() {
    let hugeData = new Array(1000000).fill("data");
    return function() {
        console.log(hugeData.length);
    };
}
const closure = createClosure();

DOM 引用未清除

let div = document.getElementById("myDiv");
div.onclick = function() {
    console.log("Clicked");
};
div = null; // 引用仍在，无法回收

定时器未清除

let timer = setInterval(() => {
    console.log("Running");
}, 1000);
// clearInterval(timer); // 忘记清除导致泄漏

五、性能优化建议

减少不必要的全局变量和对象引用。
合理使用闭包，避免持有大数据。
及时清除事件监听和定时器。
手动释放对象：
```
obj = null;
```
避免多层嵌套和深层作用域链，减少访问代价。

六、总结

浏览器的垃圾回收机制以标记-清除为核心，结合分代回收和优化策略，实现了对内存的高效管理。但由于JavaScript具有动态性和灵活性，仍然容易出现内存泄漏问题。因此，在日常开发中，良好的内存管理习惯和性能优化手段依旧必不可少。