JavaScript wykorzystuje automatyczne odśmiecanie pamięci (garbage collection). Kolektor stosuje algorytm mark-and-sweep: zaczynając od korzeni (obiekt globalny, bieżący stos wywołań), oznacza wszystko, co jest osiągalne, a następnie zwalnia wszystko, co jest nieosiągalne. Nigdy nie wywołujesz free() ręcznie — ale możesz przypadkowo utrzymać referencje przy życiu, powodując wycieki.
// 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
}
Referencja z dowolnego osiągalnego miejsca (zmiennej globalnej, aktywnego nasłuchiwacza, domknięcia, odłączonego węzła DOM wciąż referowanego w JS) uniemożliwia zebranie obiektu przez kolektor.
performance.memory; // rough heap size (Chrome)
// Chrome DevTools → Memory → take heap snapshots at two points and compare
Wykonaj zrzuty sterty (heap snapshots) przed i po jakiejś akcji; stale rosnący „retained size” ujawnia, co nie jest zwalniane.
const meta = new WeakMap(); // keys are weakly held — GC can collect them
meta.set(domNode, data); // doesn't prevent domNode from being garbage-collected
Długo działające aplikacje (SPA, serwery Node) zawieszają się lub spowalniają z powodu wycieków.
Naprawa polega na zdyscyplinowanym sprzątaniu — usuwaniu nasłuchiwaczy/timerów, ograniczaniu wielkości cache (LRU), unikaniu utrzymujących się referencji oraz używaniu WeakMap/WeakSet dla metadanych, które nie powinny utrzymywać obiektów przy życiu.