Bagaimana JavaScript mengelola memori dan bagaimana kebocoran terjadi?

Question

Accepted Answer

JavaScript menggunakan **pengumpulan sampah otomatis**. Pengumpul menggunakan algoritma **mark-and-sweep**: dimulai dari akar (objek global, call stack saat ini), menandai semua yang **dapat dijangkau**, kemudian membebaskan semua yang tidak dapat dijangkau. Anda tidak pernah memanggil `free()` secara manual — tetapi Anda *dapat* secara tidak sengaja membuat referensi tetap hidup, yang menyebabkan kebocoran.

## Empat sumber kebocoran klasik

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

Referensi dari tempat mana pun yang dapat dijangkau (global, listener aktif, closure, node DOM terpisah yang masih dirujuk dalam JS) mencegah objek dikumpulkan.

## Mendiagnosis kebocoran

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

Ambil snapshot heap sebelum/sesudah tindakan; "ukuran tertahan" yang terus bertambah mengungkapkan apa yang tidak dibebaskan.

## Alat untuk menghindari menyematkan objek

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

## Mengapa ini penting

Aplikasi yang berjalan lama (SPA, server Node) mogok atau melambat karena kebocoran.

Perbaikannya adalah pembersihan yang disiplin — hapus listener/timer, cache terikat (LRU), hindari referensi yang tertinggal, dan gunakan `WeakMap`/`WeakSet` untuk metadata yang tidak seharusnya membuat objek tetap hidup.