Kaip JavaScript tvarkomas atmintis ir kaip atsiranda nuotėkiai?

Question

Accepted Answer

JavaScript naudoja **automatinį atliekų surinkimą**. Surinkėjas naudoja **žymėjimo-šalavimo** algoritmą: pradedant nuo šaknų (globalinis objektas, esamas skambučių dėklas), jis žymi viską **pasiekiamą**, tada atlaisvina viską nepasiekiamą. Tu niekada neiškvietai `free()` rankiniu būdu — tačiau tu *gali* netyčia palikti nuorodas gyvas, sukeldamas nuotėkius.

## Keturi klasikiniai nuotėkių šaltiniai

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

Nuoroda iš bet kurio pasiekiamo vietos (globalinis, gyvai veikiantis klausytojas, uždarymas, atsijungtas DOM mazgas vis dar nutartas JS) neleidžia objektui būti surinktas.

## Nuotėkių diagnostika

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

Padaryti heap snapshots prieš/po veiksmo; nuolat auganti "išlaikyta dydis" atskleidžia, kas nėra atlaisvintas.

## Priemonės, skirtos išvengti objektų pritvirtinimo

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

## Kodėl tai svarbu

Ilgalaikės programos (SPA, Node serveriai) sugenda arba sulėtėja dėl nuotėkių.

Sprendimai yra disciplinuotas valymimas — pašalinti klausytojus/laikinovus, susietą podėlius (LRU), išvengti pasirodžiusių nuorodų ir naudoti `WeakMap`/`WeakSet` metaduomenims, kurie neturėtų išlaikyti objektus gyvas.