JavaScript 是如何管理内存的，内存泄漏又是怎么发生的？

Question

Accepted Answer

JavaScript 使用 **自动垃圾回收**。回收器采用 **标记-清除（mark-and-sweep）** 算法：从根（全局对象、当前调用栈）出发，标记所有 **可达** 的对象，然后释放所有不可达的对象。你永远不需要手动 `free()` —— 但你 *有可能* 不小心让某些引用一直存活，从而造成泄漏。

## 四类经典的泄漏来源

```js
// 1. Unbounded globals / caches that never shrink
window.cache = window.cache || {};
window.cache[id] = bigObject; // grows forever

// 2. Forgotten event listeners
el.addEventListener("click", handler);
// must call el.removeEventListener("click", handler) when done

// 3. Forgotten timers
const id = setInterval(tick, 1000);
// must clearInterval(id)

// 4. Closures capturing large objects longer than needed
function outer() {
  const huge = new Array(1e6);
  return () => huge.length; // keeps `huge` alive as long as the closure lives
}
```

来自任何可达位置的引用（全局变量、存活的监听器、闭包，或者仍被 JS 引用的已分离 DOM 节点）都会阻止对象被回收。

## 诊断泄漏

```js
performance.memory; // rough heap size (Chrome)
// Chrome DevTools → Memory → take heap snapshots at two points and compare
```

在某个操作前后分别拍摄堆快照；持续增长的“保留大小（retained size）”能揭示出哪些对象没有被释放。

## 避免对象被钉住的工具

```js
const meta = new WeakMap(); // keys are weakly held — GC can collect them
meta.set(domNode, data);    // doesn't prevent domNode from being garbage-collected
```

## 为什么这很重要

长时间运行的应用（SPA、Node 服务器）会因内存泄漏而崩溃或变慢。

解决之道在于有纪律地清理 —— 移除监听器/定时器、限制缓存大小（LRU）、避免遗留引用，并对那些不应阻止对象被回收的元数据使用 `WeakMap`/`WeakSet`。