🧠 一、基础概念（一定要掌握）
1. 什么是垃圾回收（GC）
垃圾回收是浏览器自动释放不再被引用的内存的过程。
- JS 是 自动内存管理语言（Automatic Memory Management） 。
- 程序运行时，浏览器为变量、对象、函数分配内存；
- 当某块内存不再被引用（即"不可达"）时，GC 会自动释放。
🧩 二、常见的 GC 算法（核心知识点）
1. 引用计数（Reference Counting）
- 原理：每个对象有一个引用计数器，当被引用时 +1，取消引用时 -1；当计数为 0 时释放内存。
- 优点：实现简单，实时回收。
- 缺点 ：会产生 循环引用无法回收 的问题。
📌 面试例子：
ini
function foo() {
const obj1 = {};
const obj2 = {};
obj1.other = obj2;
obj2.other = obj1; // 循环引用
}
foo(); // obj1 和 obj2 永远无法被回收（旧版 IE 问题）2. 标记清除（Mark and Sweep） ✅ 现代浏览器主流算法
-
原理：
- 从根对象（全局对象 window/global）出发；
- 遍历所有能访问到的对象；
- 未被标记（即不可达）的对象被清除。
-
优点：解决循环引用问题。
-
缺点 ：清除会产生内存碎片。
📌 关键点："可达性（Reachability）"是判断是否回收的唯一标准。
3. 标记整理（Mark-Compact）
- 原理：在标记清除基础上，将存活对象移动到一起，避免内存碎片。
- 这是 V8（Chrome JS 引擎）常用的优化方案。
4. 分代回收（Generational GC）
-
现代浏览器（如 V8）会把内存分为两类：
- 新生代（Young Generation） ：存放新对象，空间小、回收频繁。
- 老生代（Old Generation） ：存放长期存活的对象，空间大、回收少。
-
对应的两种算法：
- Scavenge（复制算法） ：用于新生代；
- Mark-Sweep + Mark-Compact：用于老生代。
📌 新生代中短命对象回收效率高，而长期存在的对象被"晋升"到老生代。
⚙️ 三、V8 的垃圾回收机制（进阶回答加分）
| 内存区 | 说明 | 回收算法 |
|---|---|---|
| 新生代 | 存放生命周期短的对象（如局部变量） | Scavenge（复制） |
| 老生代 | 存放生命周期长的对象（如闭包对象、缓存） | 标记清除 + 整理 |
| 栈空间 | 存放原始类型和引用地址 | 自动出栈回收 |
📌 V8 使用 增量标记（Incremental Marking） 与 惰性清理（Lazy Sweep） 优化性能，避免主线程长时间停顿（Stop-The-World）。
💥 四、内存泄漏场景（面试高频）
面试官常问：「哪些情况会导致 GC 无法回收？」
| 场景 | 示例 |
|---|---|
| 1. 意外的全局变量 | window.a = ... |
| 2. 闭包未释放 | 函数中引用外部变量，函数长期不销毁 |
| 3. DOM 引用未断开 | JS 对象仍然持有已被移除的 DOM 引用 |
| 4. 定时器 / 事件监听未清除 | setInterval、addEventListener 未清理 |
| 5. 缓存对象未清理 | 使用 Map、Set、WeakMap 不当 |
📌 建议使用 WeakMap / WeakSet 储存对象引用，它们不会阻止 GC。
🚀 五、如何手动优化或检测内存
1. 开发者工具定位
- Performance → Memory 面板；
- Heap Snapshot（堆快照） 分析对象数量；
- Timeline → JS Heap Size 检测内存是否持续增长。
2. 优化建议
- 避免无用闭包；
- 及时清除事件监听；
- 缓存要有上限；
- 使用 WeakMap / WeakSet；
- 大型数组或 DOM 操作后置
null释放引用。