文章目录
JavaScript垃圾回收机制详解及代码案例
JavaScript（简称JS）作为前端开发的核心语言，其内存管理机制对于性能优化和避免内存泄漏至关重要。JS中的垃圾回收机制（Garbage Collection, GC）是自动管理内存分配和释放的过程，主要依赖于两种策略：标记-清除（Mark-and-Sweep）和引用计数（Reference Counting）。本文将详细介绍这两种机制，并通过代码案例进行解释。
一、垃圾回收机制概述
垃圾回收机制的目标是自动识别和回收不再被使用的内存，以防止内存泄漏。在JS中，变量和对象的生命周期包括声明、赋值、使用和释放四个阶段。当变量或对象不再被使用时，垃圾回收机制会将其占用的内存释放。
二、标记-清除算法（Mark-and-Sweep）
原理：
- 标记阶段：从根对象（全局变量、当前执行上下文中的变量等）出发，遍历所有可达的对象，并将它们标记为“活动”的。
- 清除阶段：遍历堆内存，未被标记的对象被认为是垃圾，可以被回收。
优点：
- 实现简单，能够解决循环引用的问题。
缺点：
- 垃圾回收时可能导致内存碎片化，影响内存分配效率。
代码案例：
// 创建一个对象，分配内存
let obj = { data: "Hello" };
// 增加一个引用，引用计数（假设存在）为2（实际现代JS引擎不依赖引用计数）
let ref = obj;
// 解除一个引用，但因为ref还存在，所以对象不会被回收
obj = null;
// 现在引用计数（假设存在）为0，理论上在引用计数策略下可以回收
// 实际上，现代JavaScript引擎会采用标记-清除
ref = null;
// 垃圾回收机制会在适当的时候回收obj占用的内存
三、引用计数算法（Reference Counting）
原理：
每个对象都有一个引用计数，每当有新的引用指向它时计数加1，引用消失时减1。当计数降为0时，对象被视为垃圾可回收。
优点：
- 能够立即回收垃圾，减少内存占用。
缺点：
- 无法解决循环引用的问题。
- 时间开销大，需要频繁更新引用计数。
代码案例（理论上的引用计数，现代JS引擎不直接使用）：
function test() {
let A = {};
let B = {};
A.b = B;
B.a = A;
// A和B相互引用，引用计数均为2
// 如果函数结束，理论上A和B应该被回收，但引用计数不会将它们置为0
}
test();
// 实际上，现代JavaScript引擎会通过标记-清除算法处理循环引用
四、现代JavaScript引擎的垃圾回收优化
现代JavaScript引擎如V8（Chrome和Node.js中使用）和SpiderMonkey（Firefox中使用）在标记-清除算法的基础上进行了优化，如增量标记、分代回收等。
分代回收：
- 新生代：存放存活时间较短的对象，采用复制算法进行垃圾回收，以减少内存碎片化。
- 老生代：存放存活时间较长的对象，采用标记-清除和标记整理算法进行垃圾回收，以优化内存使用。
代码案例（V8引擎的分代回收示例）：
// 创建一个对象，它会被分配到新生代
let shortLivedObject = {};
// 在长时间运行的应用中，对象可能会晋升到老生代
function createLongLivedObject() {
let longLivedObject = {};
// 模拟长时间存在的对象
setInterval(() => {
longLivedObject.data = Math.random();
}, 1000);
}
createLongLivedObject();
// 垃圾回收机制会根据对象的存活时间自动进行分代回收
五、常见内存泄漏及避免方法
内存泄漏：
- 长时间运行的应用，特别是涉及大量DOM操作、定时器、闭包、事件监听器时，要特别注意避免内存泄漏。
避免方法：
- 及时释放不必要的引用。
- 避免循环引用。
- 使用弱引用（如WeakMap和WeakSet）。
- 定期检查内存使用情况，使用浏览器开发者工具中的内存分析工具（如Chrome DevTools的Memory面板）。