الدرس 2: المتغيرات وأنواع البيانات.. مخازن "الشيفرة" الذكية

في هذا الدرس، ستتعلم كيف تجعل برنامجك "يتذكر" المعلومات، وكيف تميز جافا سكريبت بين الأسماء، الأرقام، والقرارات المنطقية.

1. ما هي المتغيرات (Variables)؟

تخيل المتغير كأنه صندوق تضع فيه قيمة معينة وتضع عليه "ملصقاً" باسم محدد. عندما تحتاج لهذه القيمة لاحقاً، تناديها باسم الملصق.

في جافا سكريبت الحديثة، لدينا ثلاث طرق لتعريف هذه الصناديق:

• const (الثوابت): صندوق مغلق بإحكام. بمجرد وضع قيمة فيه، لا يمكنك تغييرها أبداً (مثل تاريخ ميلادك). هذا هو الخيار المفضل دائماً إلا إذا كنت متأكداً أن القيمة ستتغير.

• let (المتغيرات): صندوق يمكنك فتحه وتغيير محتواه في أي وقت (مثل رصيدك في البنك).

• var (القديم): الطريقة القديمة لتعريف المتغيرات. ننصحك في "الشيفرة" بتجنبها لأنها تسبب مشاكل تقنية في المشاريع الكبيرة (Scope issues).

2. أنواع البيانات الأساسية (Data Types)

جافا سكريبت لغة ذكية؛ هي تعرف نوع البيانات بمجرد رؤيتها. إليك الأنواع التي ستتعامل معها يومياً:

• String (النصوص): أي نص يوضع بين علامات تنصيص "Ali" أو 'Cipher'.

• Number (الأرقام): الأرقام الصحيحة والعشرية 25 أو 99.9.

• Boolean (القيم المنطقية): تحتمل قيمتين فقط: true (صح) أو false (خطأ).

• Undefined: متغير تم تعريفه لكن لم نضع فيه قيمة بعد.

• Null: قيمة تعني "لا شيء" أو "فراغ متعمد".

• Array (المصفوفات): قائمة من العناصر [1, 2, 3].

• Object (الكائنات): كيان يحتوي على خصائص (مثل وصف سيارة: لونها، موديلها).

3. هل يجب تحديد نوع المتغير؟ (الديناميكية)

جافا سكريبت هي لغة Dynamic Typing. هذا يعني أنك لا تحتاج لإخبارها "هذا رقم" أو "هذا نص". هي تفهم ذلك تلقائياً:

هذه الميزة تجعل الكود أسرع في الكتابة، لكنها تتطلب حذراً حتى لا تغير نوع البيانات بالخطأ.

4. القواعد الذهبية لتسمية متغيراتك

لكي يكون كودك احترافياً في موقع "الشيفرة"، اتبع هذه القواعد:

1. استخدم طريقة camelCase (تبدأ بحرف صغير، وإذا كان الاسم من كلمتين تبدأ الثانية بحرف كبير) مثل: userAge.

2. يجب أن يبدأ الاسم بحرف، أو علامة $ أو _. لا يبدأ بأرقام أبداً.

3. الأسماء حساسة لحالة الأحرف (name تختلف عن Name).

4. اختر أسماءً ذات معنى؛ ابتعد عن x و y واستخدم totalPrice.

5. تطبيق عملي (مختبر الكود)

افتح ملف app.js وجرب كتابة الكود التالي:

ماذا سيحدث؟

عند تشغيل الكود، سترى القيم تظهر في الـ Console. وإذا حاولت تفعيل سطر تغيير siteName (قم بإزالة السلاسل //) ستلاحظ ظهور رسالة خطأ باللون الأحمر تخبرك: Assignment to constant variable.

🚩 تحدي الدرس الثاني

قم بتعريف متغيرين باستخدام let: الأول باسم num1 والثاني num2. ضع فيهما أي أرقام، ثم قم بتعريف متغير ثالث باسم sum يجمع قيمتهما. اطبع النتيجة النهائية في الـ Console.

هل نجحت في عملية الجمع؟ أخبرنا بالنتيجة في التعليقات!