Как 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
}
```

Ссылка из любого достижимого места (глобальная переменная, активный слушатель, замыкание, отделённый узел DOM, на который всё ещё есть ссылка в JS) сохраняет объект от сборки мусора.

## Диагностика утечек

```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.js) падают или замедляются из-за утечек.

Исправления требуют дисциплинированной очистки — удаления слушателей/таймеров, ограниченных кэшей (LRU), избегания задержанных ссылок, и использования `WeakMap`/`WeakSet` для метаданных, которые не должны сохранять объекты живыми.