🧠 ما هي المتغيرات (Variables) في JavaScript؟
👋 أهلًا وسهلًا من جديد!
مرحبًا يا أبطال البرمجة! 🤖
في المقال السابق، تعلمنا مع بعض كيف نكتب أول كود باستخدام JavaScript، وجربنا نطبع جملة في المتصفح باستخدام console.log. واليوم، رح ننتقل لخطوة جديدة وممتعة: "المتغيرات"! 🧃
المتغيرات مهمة جدًا في البرمجة، وراح نستخدمها كثير إذا بدنا نصنع ألعاب، تطبيقات، أو حتى مواقع ذكية. خلونا نبدأ خطوة بخطوة. 🚶♂️🚶♀️
📦 شو يعني "متغير"؟
تخيل إن عندك مجموعة صناديق، كل واحد منها فيه معلومة مهمة — مثل اسمك، عمرك، لونك المفضل، أو حتى عدد النقاط في لعبة.
هاي الصناديق هي اللي بنسميها "متغيرات".
المتغير هو طريقة نخزن فيها معلومة، ونقدر نستخدمها أو نغيرها لاحقًا لما نحتاج.
مثلاً، هذا الكود بيحفظ اسم داخل متغير:
let myName = "أحمد"; يعني: "أنشئ متغير اسمه myName وخزّن فيه الكلمة "أحمد"."
كلمة let معناها: "أنا بدي أعمل متغير جديد."
🎯 ليش منحتاج المتغيرات؟
المتغيرات مهمة لأنها:
- بتخلينا نحفظ معلومات مؤقتة.
- نقدر نغير قيمتها في أي وقت.
- بنستخدمها في كل مكان تقريبًا داخل البرامج.
- بتساعدنا نكتب كود منظم ومرتب.
يعني، لو عم نصنع لعبة، بنقدر نخزن فيها عدد النقاط، أو اسم اللاعب، أو مستوى الصعوبة باستخدام متغيرات.
🧪 يلا نجرب مع بعض!
افتح المتصفح مثل المرة الماضية (Chrome أو Firefox)، واضغط يمين → "فحص" → وافتح التبويب Console.
جرب تكتب الكود التالي:
let myAge = 12; console.log(myAge); 🔹 الكمبيوتر رح يطبع:
12
يعني خزّنا رقم 12 داخل المتغير myAge، وبعدين طبعناه باستخدام console.log.
🔁 هل ممكن نغير المتغير؟
أكيد! شوف هذا المثال:
let favoriteColor = "أخضر"; console.log(favoriteColor); favoriteColor = "بنفسجي"; console.log(favoriteColor); 🔹 النتيجة:
أخضر
بنفسجي
شايف؟ قدرنا نغير قيمة المتغير favoriteColor بسهولة من لون للون.
هذا بيعني إن المتغيرات مش دايمًا ثابتة، نقدر نعدل عليها حسب ما نحتاج!
📝 أنواع القيم اللي بنحطها في المتغيرات
المتغيرات ممكن تحمل أنواع مختلفة من القيم، زي:
- نصوص (Strings): مثل "أحمد"، "البرمجة ممتعة"، "أزرق"
- أرقام (Numbers): مثل 10، 100، 3.14
- قيم منطقية (Boolean): مثل
trueأوfalse(صح أو خطأ)
ورح نحكي عن هاي الأنواع بتفصيل أكتر في الدرس الجاي 😉.
📚 مصطلحات اليوم:
- متغير (Variable): صندوق نقدر نحفظ فيه معلومة.
- let: كلمة مفتاحية بنستخدمها لنعرّف متغير جديد.
- = : رمز "يساوي" — نستخدمه لنخزن قيمة داخل متغير.
- console.log: أمر يطبع القيمة في شاشة المطور.
🎮 تمرين ممتع:
جرب تكتب هذا الكود، وعدّل عليه:
let myPet = "سلحفاة"; console.log(myPet); myPet = "ببغاء"; console.log(myPet); ✅ جرب تغير الحيوان لأشي بتحبه! واكتب اسم حيوان غريب وخليه يظهر 😄
💬 سؤال اليوم:
لو بدك تخزن اسم لعبتك أو فيلمك المفضل داخل متغير، شو رح تسميه؟ و شو القيمة اللي رح تخزنها فيه؟ 🎬🎮
مثال:
let favoriteMovie = "Toy Story"; شاركنا جواباتك الحلوة في التعليقات! 👇👇👇