Jak JavaScript spravuje paměť a jak dochází k únikům?

Question

Accepted Answer

JavaScript používá **automatické sběr paměti**. Sběrač používá algoritmus **mark-and-sweep**: počínaje kořeny (globální objekt, aktuální zásobník volání) označí vše **dosažitelné** a poté uvolní vše nedosažitelné. Nikdy nemusíte ručně volat `free()` — ale můžete **náhodou** udržet reference naživu, což způsobí úniky.

## Čtyři klasické zdroje úniků

```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
}
```

Reference z libovolného dosažitelného místa (globální, aktivní posluchač, uzavření, odpojena DOM uzly stále odkazovaná v JS) zabraňuje sběru objektu.

## Diagnostika úniků

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

Pořiďte snímky hromady před/po akci; neustále rostoucí "retained size" odhaluje, co se neuvolňuje.

## Nástroje pro vyhýbání se připnutí objektů

```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
```

## Proč je to důležité

Longlong běžící aplikace (SPAs, Node servery) padají nebo zpomalují kvůli únikům.

Opravami je disciplinované čištění — odeberte posluchače/časovače, vázané mezipaměti (LRU), vyhnete se zbývajícím referencím a používáte `WeakMap`/`WeakSet` pro metadata, která by neměla udržovat objekty naživu.