7- دروس جافا سكربت – JS Variables

### شرح متكامل عن المتغيرات في لغة البرمجة JavaScript

تعتبر المتغيرات (Variables) في JavaScript من أهم الأساسيات التي يجب على كل مبرمج فهمها وإتقانها. فهي تمثل الوسيلة التي نستخدمها لتخزين البيانات ومعالجتها أثناء تنفيذ البرامج. سنقوم في هذا المقال بشرح مفصل للمتغيرات في JavaScript، مع تقديم أمثلة متنوعة لتوضيح المفاهيم.

#### تعريف المتغيرات في JavaScript

المتغير هو اسم يُعطى لموقع في الذاكرة يمكن استخدامه لتخزين البيانات واسترجاعها. في JavaScript، يمكن تعريف المتغيرات باستخدام الكلمات الرئيسية: `var`, `let`, و`const`. كل من هذه الكلمات له خصائصه واستخداماته الخاصة.

#### استخدام `var`

كانت `var` هي الطريقة الوحيدة لتعريف المتغيرات في الإصدارات القديمة من JavaScript. ومع ذلك، [شركة برمجة مصرية] فإنها لا تزال قيد الاستخدام، ولكن مع بعض التحفظات بسبب بعض المشاكل المرتبطة بنطاقها.

var name = "John";
var age = 30;

console.log(name); // John
console.log(age); // 30

##### نطاق `var`
المتغيرات المعرفة باستخدام `var` لها نطاق وظيفي (Function Scope) أو نطاق عام (Global Scope) إذا تم تعريفها خارج أي دالة.

function greet() {
  var greeting = "Hello";
  console.log(greeting); // Hello
}

greet();
console.log(greeting); // ReferenceError: greeting is not defined

#### استخدام `let`

تم تقديم `let` في ECMAScript 6 (ES6) لتوفير طريقة أكثر مرونة وأمانًا لتعريف المتغيرات. توفر `let` نطاق الكتلة (Block Scope)، مما يجعلها أكثر دقة وأقل عرضة للأخطاء مقارنة بـ `var`.

let city = "New York";
let population = 8000000;

console.log(city); // New York
console.log(population); // 8000000

##### نطاق `let`
المتغيرات المعرفة باستخدام `let` تكون محصورة في نطاق الكتلة التي تم تعريفها فيها، مثل الكتل المحاطة بالأقواس `{}`.

if (true) {
  let message = "Hello, World!";
  console.log(message); // Hello, World!
}

console.log(message); // ReferenceError: message is not defined

#### استخدام `const`

تستخدم `const` لتعريف المتغيرات [شركة برمجة مصرية] التي لا تتغير قيمتها بعد تعريفها. يعني ذلك أنه بمجرد تعيين قيمة لمتغير معرف بـ `const`، لا يمكن إعادة تعيين قيمة أخرى له.

const pi = 3.14159;
console.log(pi); // 3.14159

// محاولة تغيير القيمة
// pi = 3.14; // TypeError: Assignment to constant variable.

##### نطاق `const`
مثل `let`, المتغيرات المعرفة باستخدام `const` تكون محصورة في نطاق الكتلة.

if (true) {
  const greeting = "Hi there!";
  console.log(greeting); // Hi there!
}

console.log(greeting); // ReferenceError: greeting is not defined

#### متى تستخدم `var`، `let`، و`const`؟

– **`var`**: يفضل تجنب استخدام `var` في المشاريع الحديثة بسبب مشاكله مع النطاق، إلا في حالات خاصة تتطلب ذلك.
– **`let`**: استخدم `let` عندما تحتاج إلى تعريف متغير قد تتغير قيمته لاحقاً.
– **`const`**: استخدم `const` عندما تعرف أن قيمة المتغير لن تتغير أبداً. يعتبر `const` هو الخيار الافتراضي لمعظم المتغيرات ما لم يكن هناك سبب لاستخدام `let`.

#### الخلاصة

توفر JavaScript أدوات مرنة لتعريف المتغيرات من خلال `var`, `let`, و`const`. فهم الفروقات بين هذه الأدوات وكيفية استخدامها بشكل صحيح يمكن أن يساعد في كتابة كود برمجي أكثر أمانًا وكفاءة. تذكر دائمًا أن تختار الأداة المناسبة بناءً على احتياجات متغيراتك ونطاقها.