JavaScript belleği nasıl yönetir ve sızıntılar nasıl oluşur?

Question

Accepted Answer

JavaScript **otomatik çöp toplayıcı** kullanır. Toplayıcı **mark-and-sweep** algoritmasını kullanır: köklerden başlayarak (global nesne, mevcut call stack), ulaşılabilir her şeyi **işaretler**, ardından ulaşılamayan her şeyi serbest bırakır. Hiçbir zaman `free()` işlevini manuel olarak çağırmazsınız — ama yanlışlıkla referansları canlı tutabilir, bu da sızıntılara neden olabilir.

## Dört klasik sızıntı kaynağı

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

Herhangi bir erişilebilir yerden (bir global, canlı bir dinleyici, bir closure, hala JavaScript'te referans edilen ayrılmış bir DOM düğümü) gelen bir referans, bir nesnenin toplanmasını engeller.

## Sızıntıları teşhis etme

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

Bir işlemden önce ve sonra heap snapshot'ı alın; sabit artan "retained size" (korunmuş boyut), neyin serbest bırakılmadığını ortaya koymaktadır.

## Nesneleri sabitlemeyi önlemek için araçlar

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

## Neden önemli

Uzun süreli çalışan uygulamalar (SPA'lar, Node sunucuları) sızıntılardan çökebilir veya yavaşlayabilir.

Çözümler disiplinli temizlik — dinleyiciler/zamanlayıcıları kaldırın, sınırlı cacheler (LRU), uzun süren referanslardan kaçının ve nesneleri canlı tutmaması gereken meta veriler için `WeakMap`/`WeakSet` kullanın.