الدرس الثاني: المتغيرات (Variables) والفرق بين var, let, const في JavaScript 2026

الدرس الثاني: المتغيرات في JavaScript - دليلك الشامل لفهم var و let و const لعام 2026

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

أولاً: ما هو المتغير في JavaScript؟

المتغير هو عبارة عن اسم رمزي يشير إلى قيمة مخزنة في ذاكرة الكمبيوتر. بدلاً من تذكر القيم المعقدة، نحن نعطيها اسماً سهلاً مثل userName أو totalPrice. في جاوا سكريبت الحديثة، نستخدم ثلاث كلمات محجوزة لتعريف المتغيرات: var، let، و const. كل واحدة منها لها سلوك مختلف تماماً في الذاكرة.

ثانياً: قواعد تسمية المتغيرات (Naming Rules)

لكي يفهم المتصفح كودك، يجب أن تتبع القواعد التالية عند تسمية متغيراتك في Spider Team:

• البداية: يجب أن يبدأ الاسم بحرف، أو علامة الدولار $، أو شرطة سفلية _.
• الأرقام: يمكن استخدام الأرقام داخل الاسم، ولكن لا يمكن أبداً البدء بها (مثال: user1 صحيح، 1user خطأ).
• حساسية الأحرف: اللغة حساسة جداً؛ فالمتغير Age يختلف تماماً عن age.
• أسلوب التسمية: يفضل مبرمجو JS أسلوب camelCase (مثل: firstName) حيث تبدأ الكلمة الأولى بحرف صغير والثانية بحرف كبير.

// تعريف متغير باستخدام let (قابلة للتغيير) let userRole = "Admin"; userRole = "Editor"; // مسموح // تعريف ثابت باستخدام const (لا يمكن تغييره) const piValue = 3.14; // piValue = 5; // سيؤدي هذا السطر لخطأ برمجى

ثالثاً: الفرق الجوهري بين var و let و const

هذا هو السؤال الأكثر شيوعاً في مقابلات العمل البرمجية لعام 2026. إليك التفاصيل:

1. var (القديم): كان الطريقة الوحيدة قديماً. مشكلته أنه يمتلك "نطاقاً عاماً" (Global Scope) مما قد يسبب تداخل المتغيرات وأخطاء يصعب تتبعها. نصيحة Spider Team: تجنب استخدامه في المشاريع الحديثة.
2. let (الحديث): يمتلك "نطاقاً محصوراً" (Block Scope)، أي أنه يعيش فقط داخل القوسين { } اللذين عُرّف بداخلهما. هو الخيار الأمثل للمتغيرات التي ستحتاج لتغيير قيمتها لاحقاً.
3. const (الثوابت): أيضاً يمتلك نطاقاً محصوراً، ولكنه لا يسمح بإعادة التعيين. نستخدمه للقيم التي يجب أن تظل ثابتة طوال عمر البرنامج، مثل روابط API أو أسماء الخوادم.

رابعاً: أنواع البيانات في المتغيرات (Data Types)

رغم أن JS لغة مرنة، إلا أن البيانات التي نضعها في المتغيرات تندرج تحت أنواع محددة:

• String: نصوص توضع بين " " أو ' ' أو حتى ` ` (التي تسمح بكتابة نصوص في عدة أسطر).
• Number: تشمل الأرقام الصحيحة والعشرية (لا يوجد نوع منفصل كما في بعض اللغات).
• Boolean: قيم منطقية (true أو false).
• Undefined: متغير تم تعريفه ولكن لم تُعط له قيمة بعد.
• Null: قيمة فارغة "مقصودة" يضعها المبرمج للإشارة لعدم وجود بيانات حالياً.

let name = "Spider Team"; let isAwesome = true; let score = 99.9; // دمج النصوص بطريقة حديثة (Template Literals) console.log(`Welcome to ${name}, your score is ${score}`);

خلاصة الدرس الثاني:

لقد أتقنت اليوم أحد أهم مفاهيم البرمجة: كيفية تخزين البيانات بذكاء. عرفنا الفرق بين (var, let, const) ولماذا يجب أن نفضل const دائماً إلا إذا كنا متأكدين من حاجتنا لتغيير القيمة. في الدرس الثالث، سننتقل إلى العمليات الحسابية والمنطقية في جاوا سكريبت، وسنتعلم كيف نجعل المتصفح يقوم بحسابات فورية وتفاعلية تدهش زوار موقعك. استمر في التدريب، وحاول تعريف متغيرات تعبر عن هويتك البرمجية مع Spider Team!

إعداد وتدقيق: فريق تطوير Spider Team | مرجعك البرمجي والتقني لعام 2026