A JavaScript automatikus szemétgyűjtést használ. A gyűjtő a megjelölés-és-söpörés algoritmust használja: a gyökereből (globális objektum, aktuális hívási verem) kezdve megjelöli az összes elérhető dolgot, majd felszabadít mindent, ami elérhetetlen. Soha nem hívod meg kézzel a free() függvényt — de véletlenül megtarthatod az élő referenciákat, amit szivárgások okoznak.
// 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
}
Bármelyik elérhető helyről való referencia (egy globális, egy élő figyelő, egy closure, egy leválasztott DOM csomópont továbbra is JavaScript-ben hivatkozott) megakadályozza az objektum gyűjtését.
performance.memory; // rough heap size (Chrome)
// Chrome DevTools → Memory → take heap snapshots at two points and compare
Készítsen heap snapshotokat egy művelet előtt/után; a folyamatosan növekvő "megtartott méret" felfedi, hogy mi nem szabadul fel.
const meta = new WeakMap(); // keys are weakly held — GC can collect them
meta.set(domNode, data); // doesn't prevent domNode from being garbage-collected
A hosszan futó alkalmazások (SPAs, Node szerverek) összeomlanak vagy lassulnak a szivárgások miatt.
A megoldás a fegyelmezett takarítás — távolítsd el a figyelőket/időzítőket, kötött cachéket (LRU), kerüld el az állandó referenciákat, és használj WeakMap/WeakSet olyan metaadatokhoz, amelyeknek nem szabad élve tartaniuk az objektumokat.