JavaScript میموری کا انتظام کیسے کرتا ہے اور leaks کیسے ہوتے ہیں؟

Question

Accepted Answer

JavaScript **خودکار garbage collection** استعمال کرتا ہے۔ collector ایک **mark-and-sweep** algorithm استعمال کرتا ہے: roots (global object، موجودہ call stack) سے شروع کر کے، یہ ہر **reachable** چیز کو mark کرتا ہے، پھر ہر ناقابلِ رسائی چیز کو آزاد کر دیتا ہے۔ آپ کبھی دستی طور پر `free()` نہیں کرتے — مگر آپ *غلطی سے* references کو زندہ رکھ سکتے ہیں، جس سے leaks ہوتے ہیں۔

## چار کلاسک leak ذرائع

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

کسی بھی reachable جگہ سے ایک reference (ایک global، ایک زندہ listener، ایک closure، ایک detached DOM node جس کا JS میں اب بھی حوالہ موجود ہو) کسی object کو collect ہونے سے روک دیتا ہے۔

## Leaks کی تشخیص

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

کسی action سے پہلے/بعد میں heap snapshots لیں؛ مستقل بڑھتا ہوا "retained size" ظاہر کرتا ہے کہ کیا آزاد نہیں ہو رہا۔

## objects کو pin کرنے سے بچنے کے اوزار

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

## یہ کیوں اہم ہے

طویل عرصے تک چلنے والی apps (SPAs، Node servers) leaks سے crash ہو جاتی ہیں یا سست پڑ جاتی ہیں۔

حل نظم و ضبط والی صفائی ہیں — listeners/timers ہٹائیں، caches کو محدود کریں (LRU)، باقی رہ جانے والے references سے بچیں، اور ایسے metadata کے لیے `WeakMap`/`WeakSet` استعمال کریں جو objects کو زندہ نہ رکھے۔