الدرس السادس: المتغيرات والثوابت في JavaScript

الدرس السادس: المتغيرات والثوابت في JavaScript – أساس تخزين البيانات

العنوان:

تعلم كيفية استخدام المتغيرات لتخزين البيانات في كودك.

المقدمة:

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

ما هي المتغيرات؟

هي مكان تخزين:
عبارة عن صندوق افتراضي داخل الكود بيحتفظ بقيمة معينة.
يمكن تغيير قيمتها:
زي ما اسمها "متغير"، تقدر تغير القيمة المخزنة فيه.

أنواع المتغيرات في JavaScript:

1. `var`:

كان هو الخيار الوحيد لتحديد المتغيرات في الماضي.
ما زال يعمل، لكنه مش مفضل حاليًا لأنه يسبب مشاكل في تنظيم الكود.

مثال:


var age = 25;
console.log(age);
age = 30;
console.log(age); // النتيجة: 30

2. `let`:

أكثر أمانًا وحداثة.
مناسب للمتغيرات اللي تتغير قيمتها.

مثال:

let score = 50;
score = 75; // يمكنك تغييره
console.log(score); // النتيجة: 75

3. `const`:

لتحديد القيم الثابتة التي لا تتغير.
محاولة تغيير قيمتها تسبب خطأ.

مثال:


const pi = 3.14;
console.log(pi); // النتيجة: 3.14
// pi = 3.15; // ستسبب خطأ

تسمية المتغيرات:

قواعد التسمية:

يجب أن تبدأ بحرف، $، أو _.
غير مسموح بالأرقام كأول حرف.
مسموح بالأحرف والأرقام بعد أول حرف.
حساسة لحالة الأحرف (Case Sensitive).
- مثال: age مختلف عن Age.

كتابة أول كود باستخدام المتغيرات:

كود HTML مع JavaScript:


<!DOCTYPE html>
<html>
  <body>
    <script>
      let name = "Mostafa"; // اسم المستخدم
      let age = 30; // عمر المستخدم
      const country = "Egypt"; // البلد (ثابت)
      // عرض القيم
      alert("Name: " + name);
      alert("Age: " + age);
      alert("Country: " + country);
    </script>  </body>
</html>

النتيجة:

ستظهر ثلاث رسائل بالتتابع تعرض اسمك وعمرك وبلدك.

استخدام المتغيرات مع العمليات الحسابية:

تقدر تستخدم المتغيرات لإجراء حسابات:


let x = 10;
let y = 20;
let sum = x + y; // جمع المتغيراتconsole.log("Sum is: " + sum); // النتيجة: 30

متى تستخدم `let` أو `const`؟

let: لما تكون القيمة ممكن تتغير أثناء تشغيل الكود.
const: لما تكون القيمة ثابتة طول الوقت.

أخطاء شائعة عند استخدام المتغيرات:

نسيان تعريف المتغير:
- خطأ:
```
x = 10; // خطأ
```
- الصواب:
```
let x = 10; // صح
```
إعادة تعريف متغير باستخدام let أو const:
- خطأ:
```
let x = 5;
let x = 10; // خطأ
```

تمارين عملية:

عرف متغير باسم productPrice وخزن فيه قيمة 100، واطبعها باستخدام console.log.
استخدم const لتعريف ثابت باسم taxRate بقيمة 0.15، واحسب الضريبة على المنتج.
حاول تغيير قيمة متغير معرف باستخدام const، ولاحظ الخطأ الذي يظهر.

وختامًا:

اتعلمنا النهاردة أساسيات استخدام المتغيرات والثوابت، وإزاي نستخدمها بكفاءة. الدرس الجاي هنتعمق أكتر ونتعلم اتخاذ القرارات باستخدام الشروط (If Statements). استعد للتفكير المنطقي في كودك! 😊

تعديل المقال

WiseSyntax

الدرس السادس: المتغيرات والثوابت في JavaScript – أساس تخزين البيانات