🎯 ما ستتعلمه في هذا التدريب
هذا التدريب التفاعلي سيساعدك على إتقان المتغيرات في JavaScript من خلال:
- ✅ 68 سؤال تفاعلي متنوع يشمل اختيار متعدد، تكملة الكود، وسحب وإفلات
- ✅ فهم الفروق بين var، let، const
- ✅ إتقان مفاهيم النطاق (Scope) والرفع (Hoisting)
- ✅ فهم القيم الافتراضية للمتغيرات
- ✅ التعامل مع الكلمات المحجوزة في تسمية المتغيرات
- ✅ إمكانية إعادة التدريب لتحسين مستواك وتعزيز المفاهيم
❓ ما هو المتغير؟
المتغير هو حاوية تُستخدم لتخزين البيانات في الذاكرة. يمكن أن تتغير قيمته أثناء تشغيل البرنامج، ومن هنا جاء الاسم "متغير".
let userName = "أحمد";
let userAge = 25;
let isActive = true;
🧠 1️⃣ أنواع تعريف المتغيرات في JavaScript
✅ var (قديمًا)
- تُستخدم لتعريف المتغيرات بطريقة تقليدية
- نطاقه (scope) يكون داخل الدالة أو عالميًا
- لا يُفضل استخدامها حاليًا
✅ let
- تُستخدم لتعريف متغير يمكن تغيير قيمته لاحقًا
- لها نطاق محلي داخل الكتلة ({}) التي عُرّف فيها
- الخيار المفضل للمتغيرات المتغيرة
✅ const
- تُستخدم لتعريف متغير لا يمكن تغيير قيمته بعد تعريفه
- نطاقه أيضًا محلي داخل الكتلة ({})
- الخيار المفضل للقيم الثابتة
var oldWay = "طريقة قديمة";
let counter = 0;
const API_KEY = "abc123";
counter = 1;
🏷️ 2️⃣ أنواع قيم المتغيرات في JavaScript
var age = 25;
var price = 9.99;
var name = "Ahmed";
var message = 'Hello!';
var isRaining = true;
var isLoggedIn = false;
var colors = ["red", "green", "blue"];
var player = {
name: "Ali",
score: 100
};
📝 3️⃣ قواعد كتابة المتغيرات
لتعريف متغير صحيح في JavaScript، يجب اتباع القواعد التالية:
- 1. يجب أن يبدأ الاسم بحرف أو علامة $ أو _
- 2. لا يمكن أن يبدأ برقم
- 3. لا يمكن أن يحتوي على مسافات
- 4. أسماء المتغيرات حساسة لحالة الأحرف (name ≠ Name)
- 5. لا تستخدم كلمات محجوزة (مثل for, if, let, class)
let userName = "أحمد";
let _privateData = "سري";
let $element = document.getElementById('id');
let firstName = "محمد";
🌐 4️⃣ مجال النطاق (Scope)
النطاق يحدد أين يمكن الوصول إلى المتغير:
var globalVar = "أنا عام";
function testVar() {
var functionVar = "أنا دالي";
console.log(functionVar);
}
if (true) {
let blockVar = "أنا كتلي";
const BLOCK_CONST = "أنا ثابت كتلي";
}