ما الفرق بين var و let و const؟

Question

Accepted Answer

تختلف في ثلاث طرق: **scope**، **hoisting behavior**، و**reassignment**.

```js
function demo() {
  if (true) {
    var a = 1;    // function-scoped — leaks out of the if-block
    let b = 2;    // block-scoped — only exists inside { }
    const c = 3;  // block-scoped, can't be reassigned
  }
  console.log(a); // 1  (var escaped the block)
  console.log(b); // ReferenceError (let stayed in the block)
}
```

## لماذا يهم

- **`var`** مجال الدالة (function-scoped)، معرّفة مسبقاً وتُهيأ إلى `undefined`، ويمكن إعادة تعريفها. هذا يسبب تسرباً مفاجئاً — تجنبها.
- **`let`** مجال الكتلة (block-scoped) (`{ }`)، قابلة لإعادة التعيين، وتعيش في *temporal dead zone* حتى سطر التعريف (الوصول إليها مبكراً يرمي خطأ).
- **`const`** مجال الكتلة وغير قابلة لإعادة التعيين — لكن لاحظ أن الربط ثابت، وليس القيمة:

```js
const user = { name: "Ann" };
user.name = "Bob"; // ✅ allowed — mutating the object, not reassigning
user = {};          // ❌ TypeError — can't rebind `user`
```

## القاعدة الذهبية

ابدأ بـ **`const`**؛ انتقل إلى **`let`** فقط عند الحاجة لإعادة التعيين؛ لا تستخدم **`var`** أبداً في الكود الجديد. هذا يوضح النية ("هذا لن يتغير") ويتجنب تسرب الـ scope والارتباك في hoisting الذي يسببه `var`.