كيف يدير JavaScript الذاكرة وكيف تحدث تسريبات الذاكرة؟

Question

Accepted Answer

JavaScript يستخدم **جمع القمامة التلقائي**. يستخدم المجمع خوارزمية **mark-and-sweep**: بدءًا من الجذور (الكائن العام، مكدس الاستدعاء الحالي)، يقوم بوضع علامة على كل شيء **يمكن الوصول إليه**، ثم يحرر كل شيء غير قابل للوصول. لن تحتاج أبدًا إلى استدعاء `free()` يدويًا — لكن يمكنك **عن غير قصد** الاحتفاظ بالمراجع حية، مما يسبب تسريبات.

## مصادر التسرب الأربعة الكلاسيكية

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

مرجع من أي مكان يمكن الوصول إليه (عام عام، مستمع حي، إغلاق، عقدة DOM منفصلة مرجع لها في JS) يمنع تحرير كائن.

## تشخيص التسريبات

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

خذ لقطات الكومة قبل/بعد أي إجراء؛ حجم "retained size" المتزايد بثبات يكشف ما لا يتم تحريره.

## أدوات لتجنب تثبيت الكائنات

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

## لماذا هذا مهم

التطبيقات طويلة المدى (SPAs، خوادم Node) تتعطل أو تتباطأ من التسريبات.

الإصلاحات هي تنظيف منضبط — إزالة المستمعين/المؤقتات، الذاكرات المحدودة (LRU)، تجنب المراجع المتبقية، واستخدام `WeakMap`/`WeakSet` للبيانات الوصفية التي لا يجب أن تبقي الكائنات حية.