Memori: stack, heap, dan garbage collection

Kamu tidak pernah memanggil free() di JavaScript. Memori dikembalikan untukmu — tapi hanya untuk value yang sudah tidak bisa dijangkau apa pun lagi. Memahami "dijangkau" adalah pembeda antara kode yang jalan berminggu-minggu dan kode yang harus di-restart tiap malam.

Stack dan heap

Inilah alasan mekanis di balik pelajaran soal reference di modul sebelumnya. const user = { name: "Ana" } menaruh object-nya di heap dan alamatnya di stack. Menyalin variable-nya berarti menyalin alamatnya, bukan object-nya.

Keterjangkauan

Collector-nya mulai dari sekumpulan root — object global, call stack saat ini, closure yang aktif — lalu mengikuti setiap reference yang bisa dijangkaunya. Apa pun yang tidak pernah ia sampai ke sana berarti tak terjangkau, dan memorinya bisa dikembalikan. Tidak ada faktor lain: bukan soal kamu mengisinya null atau tidak, bukan soal function yang membuatnya sudah return atau belum.

Empat cara kode nyata membocorkan memori

Kebocoran adalah memori yang tetap terjangkau padahal kamu sudah selesai dengannya. Di JavaScript penyebabnya hampir selalu salah satu dari empat ini.

// 1. A timer nobody stopped. It holds its callback, and the callback's closure.
const id = setInterval(() => sync(bigObject), 1000);
// fix:
clearInterval(id);

// 2. A listener nobody removed. The handler keeps the whole component alive.
element.addEventListener("scroll", onScroll);
// fix:
element.removeEventListener("scroll", onScroll);   // the SAME function reference

// 3. A cache that only ever grows.
const cache = new Map();
function remember(key, value) { cache.set(key, value); }   // never deleted
// fix: bound the size, or use a WeakMap when the key is an object

// 4. A detached DOM node still referenced from JavaScript.
const removed = document.getElementById("row");
removed.remove();          // gone from the page
// but `removed` still points at it, so it cannot be collected