JavaScript menggunakan pengutipan sampah (garbage collection) automatik. Pengutip menggunakan algoritma mark-and-sweep: bermula dari akar (objek global, tindanan panggilan semasa), ia menanda segala yang boleh dicapai (reachable), kemudian membebaskan segala yang tidak boleh dicapai. Anda tidak pernah memanggil free() secara manual — tetapi anda boleh secara tidak sengaja mengekalkan rujukan tetap hidup, lalu menyebabkan kebocoran.
// 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
}
Satu rujukan daripada mana-mana tempat yang boleh dicapai (sebuah global, satu listener yang masih hidup, sebuah closure, sebuah nod DOM terpisah yang masih dirujuk dalam JS) menghalang sesuatu objek daripada dikutip.
performance.memory; // rough heap size (Chrome)
// Chrome DevTools → Memory → take heap snapshots at two points and compare
Ambil heap snapshot sebelum/selepas sesuatu tindakan; "retained size" yang sentiasa membesar mendedahkan apa yang tidak dibebaskan.
const meta = new WeakMap(); // keys are weakly held — GC can collect them
meta.set(domNode, data); // doesn't prevent domNode from being garbage-collected
Aplikasi yang berjalan lama (SPA, pelayan Node) boleh terhempas atau menjadi perlahan akibat kebocoran.
Pembetulannya ialah pembersihan yang berdisiplin — buang listener/timer, hadkan cache (LRU), elakkan rujukan yang berlarutan, dan gunakan WeakMap/WeakSet untuk metadata yang tidak sepatutnya mengekalkan objek tetap hidup.