UD5工具箱
专业术语与概念详解
为了帮助开发者更好地理解和使用内存泄漏模拟器，以下收录了与 JavaScript 内存管理、垃圾回收和内存泄漏相关的核心术语和概念：
Memory Leak（内存泄漏）
内存泄漏是指程序在申请了内存后，无法释放已申请的内存空间，导致系统可用内存逐渐减少的现象。在 JavaScript 中，当一个对象不再被程序使用，但由于某些引用仍然指向它，垃圾回收器就无法回收它占用的内存。常见的内存泄漏原因包括：忘记解除事件监听器、使用全局变量存储临时数据、闭包捕获了不需要的变量、DOM 引用未释放、定时器未清除等。内存泄漏的累积效应会导致页面性能退化，最终可能造成页面崩溃。
Garbage Collection（垃圾回收）
垃圾回收是 JavaScript 引擎自动管理内存的机制。V8 引擎使用两种主要的垃圾回收算法：Scavenge（用于新生代）和 Mark-Sweep/Mark-Compact（用于老生代）。新生代空间较小但回收频繁，采用 Cheney 算法将存活对象在两个半空间之间复制。老生代空间较大，采用标记-清除和标记-整理算法。垃圾回收器通过可达性分析来判断对象是否可以被回收：从 GC Root（全局对象、当前执行上下文等）出发，不可达的对象就是可以回收的垃圾。
Heap（堆内存）
堆内存是 JavaScript 引擎用于存储对象和闭包变量的内存区域。所有通过 new 创建的对象、对象字面量、数组和函数都存储在堆内存中。V8 引擎将堆内存分为几个区域：新生代（Young Generation）用于存放新创建的小对象，老生代（Old Generation）用于存放存活时间较长的对象，代码空间用于存放 JIT 编译的代码，大对象空间用于存放超过一定大小的对象。堆内存的大小有限制，当接近限制时会触发更频繁的垃圾回收。
GC Root（垃圾回收根节点）
GC Root 是垃圾回收器进行可达性分析的起点。常见的 GC Root 包括：全局对象（window 或 globalThis）、当前正在执行的函数的局部变量、DOM 树的根节点（document）、通过 setTimeout 和 setInterval 创建的回调函数、以及 Web Worker 的全局作用域。如果一个对象可以通过 GC Root 直接或间接访问到，那么这个对象就是可达的，不会被垃圾回收。内存泄漏的本质就是不应该被引用的对象仍然通过某种路径可达。
Scavenge（新生代垃圾回收）
Scavenge 是 V8 引擎用于新生代空间的垃圾回收算法，基于 Cheney 的半空间复制算法。新生代空间被分为两个半空间：From 空间和 To 空间。新对象首先在 From 空间分配。当 From 空间用满时，Scavenge 算法会遍历 From 空间中的存活对象，将它们复制到 To 空间。然后交换 From 和 To 空间的角色。如果存活对象过多（超过 25%），会直接将对象晋升到老生代空间，避免频繁的复制操作。Scavenge 的优点是速度快，缺点是内存利用率只有一半。
Mark-Sweep（标记-清除）
Mark-Sweep 是 V8 引擎用于老生代空间的主要垃圾回收算法，分为标记和清除两个阶段。标记阶段从 GC Root 出发，遍历所有可达对象并标记为"存活"。清除阶段遍历整个老生代空间，回收所有未被标记的对象。Mark-Sweep 的缺点是会产生内存碎片。为了解决这个问题，V8 还实现了 Mark-Compact（标记-整理）算法，在清除后将存活对象移动到一起，消除内存碎片。Mark-Compact 的执行时间比 Mark-Sweep 更长，但能提供更好的内存布局。
WeakRef（弱引用）
WeakRef 是 ECMAScript 2021 引入的新特性，允许创建对象的弱引用。弱引用不会阻止垃圾回收器回收被引用的对象。当一个对象只被弱引用持有时，垃圾回收器可以自由地回收该对象的内存。WeakRef 最常见的应用场景是 WeakMap 和 WeakSet，它们的键（或值）是弱引用，不会阻止键对象的回收。在实现缓存或存储元数据时，使用弱引用可以避免内存泄漏。ES2021 还引入了 FinalizationRegistry，用于在对象被回收时执行清理操作。
Closure（闭包）
闭包是指函数与其词法环境的组合。当一个函数在其词法作用域之外被调用时，它仍然可以访问其定义时的作用域中的变量，这就是闭包。闭包在 JavaScript 中非常常见，是实现模块化、数据封装和函数式编程的重要机制。然而，闭包可能导致内存泄漏，因为它会捕获外部函数的变量，使这些变量无法被垃圾回收。如果闭包中捕获了大量数据或者闭包被长期持有（如存储在全局变量中），被捕获的变量就会一直占用内存。
Detached DOM（分离的 DOM）
分离的 DOM 是指已从文档树中移除，但仍然被 JavaScript 代码引用的 DOM 元素。这是前端开发中最常见的内存泄漏原因之一。当开发者使用 removeChild 或 innerHTML 清空元素时，如果之前存储了对这些元素的引用，这些元素及其所有子节点都不会被垃圾回收。分离的 DOM 元素不仅占用内存，还可能继续触发事件监听器的回调，导致更多的内存分配。定期检查和清理 DOM 引用是避免此类泄漏的有效方法。
Retained Size（保留大小）
保留大小是指如果某个对象被垃圾回收，能够释放的总内存大小。它不仅包括对象自身的内存占用，还包括该对象通过引用关系直接或间接持有的所有其他对象的内存。保留大小是评估内存泄漏影响的重要指标。一个保留大小很大的泄漏对象意味着大量的关联内存会被浪费。在 Chrome DevTools 的堆快照分析中，按照保留大小排序可以帮助快速找到泄漏影响最大的对象。
Shallow Size（浅大小）
浅大小是指对象自身直接占用的内存大小，不包括它引用的其他对象的内存。例如，一个包含 100 个元素的数组，其浅大小只包括数组对象本身的头部信息，不包括 100 个元素的内存。浅大小通常用于了解对象本身的基本内存开销，而保留大小则用于了解对象的总内存影响。在分析内存泄漏时，同时关注浅大小和保留大小可以帮助全面理解泄漏的规模。
V8 Engine（V8 引擎）
V8 是 Google 开发的高性能 JavaScript 和 WebAssembly 引擎，被 Chrome 浏览器和 Node.js 使用。V8 引擎负责 JavaScript 代码的解析、编译和执行，以及内存管理。V8 使用即时编译（JIT）技术将 JavaScript 代码编译为机器码以提高执行效率。在内存管理方面，V8 实现了分代垃圾回收（Generational GC）和增量标记（Incremental Marking）等优化技术，以减少垃圾回收对页面性能的影响。理解 V8 的内存管理机制对于诊断和修复内存泄漏至关重要。
performance.memory
performance.memory 是一个 Chrome 特有的 API，提供了当前页面的内存使用信息。它包含三个主要属性：jsHeapSizeLimit（JavaScript 堆的大小限制）、totalJSHeapSize（已分配的 JavaScript 堆大小）和 usedJSHeapSize（实际使用的 JavaScript 堆大小）。需要注意的是，这个 API 只在 Chrome 中可用，其他浏览器不支持。在内存泄漏模拟器中，performance.memory 被用于实时监控堆内存的变化，为开发者提供直观的内存使用数据。