JavaScript垃圾回收（GC）通过减少触发频率、缩短停顿时间、防止内存持续增长来维持页面流畅度，其核心在于避免主线程暂停；V8采用分代回收，新生代用Scavenge算法快而频繁，老生代用Mark-Sweep/Compact算法耗时长（10–100ms），高频触发会导致明显卡顿。
JavaScript 垃圾回收（GC）本身不直接“提升”流畅度，而是通过减少不必要的 GC 触发、缩短停顿时间、避免内存持续增长，来防止流畅度下降。真正影响滚动卡顿、动画掉帧、响应延迟的，往往是 GC 引起的主线程暂停（Stop-The-World）。优化 GC，本质是让引擎更少、更快、更准地回收——从而把主线程还给渲染和交互。
垃圾回收如何拖慢页面
V8 等主流引擎采用分代回收：
- 新生代（Young Generation）：存放短期对象（如循环内创建的对象、临时数组），用 Scavenge 算法回收，快但频繁；
- 老生代（Old Generation）：存放长期存活对象（如全局缓存、组件实例），用 Mark-Sweep/Mark-Compact 回收，耗时长（常达 10–100ms），一旦高频触发，用户就能明显感到卡顿。
当页面出现以下现象，大概率与 GC 相关：
- 滚动突然卡住半秒，再恢复；
- 长时间运行后，CPU 占用升高、内存曲线持续爬升；
- Performance 面板中频繁出现黄色或红色的 “GC” 标记块。
减少新生代压力：控制短期对象生成节奏
新生代内存小（通常仅 16–32MB），极易填满并触发 Scavenge。高频创建小对象，等于“主动催 GC”。
立即学习“Java免费学习笔记（深入）”；
-
循环中避免重复新建对象或数组
// ❌ 每次迭代都创建新对象 → 加速填满新生代 for (let i = 0; i < 1000; i++) { const item = { id: i, name: `item-${i}` }; list.push(item); } // ✅ 复用对象结构，或提前分配数组 const item = {}; // 复用同一引用（若逻辑允许） for (let i = 0; i < 1000; i++) { item.id = i; item.name = `item-${i}`; list.push({ ...item }); // 仅需深拷贝时才展开 } 字符串拼接优先用模板字面量或
Array.join()，而非+=（后者在 V8 中可能隐式创建中间字符串对象）使用对象池（Object Pool）管理高频复用的小对象（如粒子、事件 payload）
防止老生代堆积：切断无用引用链
老生代 GC 耗时长，且一旦对象晋升到老生代，就很难再降级。关键在于：不让本该短命的对象意外活到老生代。
-
及时清理定时器与事件监听器
// ❌ setInterval 持有闭包引用，timerObj 无法回收 const data = { uid: 'abc', config: largeObj }; setInterval(() => console.log(data.uid), 1000); // ✅ 保存 timer ID，业务结束时清除；或用 WeakRef 包装（ES2023+） const timer = setInterval(() => { /* ... */ }, 1000); // 卸载时 clearInterval(timer); -
避免闭包意外捕获大对象
function createHandler(largeData) { return () => console.log(largeData.id); // largeData 被闭包持有 → 无法回收 } // ✅ 改为只传必要字段 function createHandler(id) { return () => console.log(id); } -
DOM 节点移除后，手动解除其事件监听、数据绑定、自定义属性引用
const el = document.getElementById('chart'); el.__chartData = hugeDataset; // ❌ 隐式强引用 // ✅ 移除前清理 el.__chartData = null;
利用引擎特性辅助 GC 决策
使用
WeakMap/WeakRef存储关联数据
它们不阻止 GC，适合缓存、元数据映射等场景，避免“本不该影响生命周期的引用”拖住对象。启用
--optimize-for-size（Node.js）或关注 Chrome 的--js-flags调优（生产环境慎用）
更实用的是：在 DevTools 的 Memory > Allocation instrumentation on timeline 中录制，观察哪些函数持续分配对象，针对性重构。避免
eval、with和动态new Function()
它们会干扰 V8 的优化编译器（TurboFan），导致对象无法被准确识别生命周期，间接阻碍 GC 判定。
不复杂但容易忽略
