شرح المتغيرات للمبتدئين في جافا سكريبت let & const
شرح المتغيرات للمبتدئين في جافا سكريبت
let & const🚀
مقدمة
عندما نبدأ تعلم البرمجة، نحتاج دائمًا إلى طريقة لتخزين البيانات واستخدامها أثناء تشغيل البرنامج. هنا يأتي دور المتغيرات (Variables).
المتغير هو مكان في الذاكرة نستخدمه لتخزين قيمة معينة، مثل اسم شخص، أو رقم، أو نتيجة عملية حسابية، ويمكننا استخدام هذه القيمة لاحقًا داخل الكود.
في لغة JavaScript توجد عدة طرق لإنشاء المتغيرات، ومن أشهرها:
let
const
وسنتعرف في هذا المقال على الفرق بينهما وكيفية استخدام كل منهما.
أولًا: ما هو المتغير؟
تخيل أن لديك صندوقًا تضع بداخله شيئًا معينًا، ثم تكتب اسمًا على هذا الصندوق حتى تعرف محتواه.
هذا الصندوق يشبه المتغير.
مثال:
let name = "Hisham";
في هذا المثال:
let تستخدم لإنشاء متغير.
name هو اسم المتغير.
"Hisham" هي القيمة المخزنة داخل المتغير.
يمكننا الآن استخدام المتغير:
console.log(name);
النتيجة:
Hisham
ثانيًا: استخدام let في JavaScript
نستخدم let عندما نحتاج إلى إنشاء متغير يمكن تغيير قيمته لاحقًا.
مثال:
let score = 10;
console.log(score);
score = 20;
console.log(score);
النتيجة:
10
20
لاحظ أن قيمة المتغير تغيرت من 10 إلى 20.
إذن:
✅ let تسمح بتغيير قيمة المتغير.
ثالثًا: استخدام const في JavaScript
نستخدم const عندما نريد إنشاء متغير لا تتغير قيمته بعد تعريفه.
مثال:
const pi = 3.14;
console.log(pi);
النتيجة:
3.14
إذا حاولنا تغيير القيمة:
const pi = 3.14;
pi = 5;
سيظهر خطأ، لأن المتغير الذي تم إنشاؤه باستخدام const لا يمكن إعادة تعيين قيمته.
إذن:
✅ const تستخدم للقيم الثابتة.
الفرق بين let و const
| let | const |
|---|---|
| يمكن تغيير القيمة | لا يمكن تغيير القيمة |
| تستخدم للبيانات التي تتغير | تستخدم للبيانات الثابتة |
| يمكن تعريفها بدون قيمة | يجب إعطاؤها قيمة عند الإنشاء |
مثال:
let age = 15;
age = 16;
هذا صحيح.
لكن:
const age = 15;
age = 16;
هذا سيعطي خطأ.
متى أستخدم let ومتى أستخدم const؟
في أغلب المشاريع الحديثة يفضل المبرمجون استخدام const قدر الإمكان، واستخدام let فقط عندما يعرفون أن القيمة ستتغير.
مثال:
const userName = "Ali";
let points = 0;
points = points + 10;
هنا:
اسم المستخدم لا يتغير، لذلك استخدمنا const.
النقاط تتغير، لذلك استخدمنا let.
أخطاء شائعة عند استخدام المتغيرات
1- محاولة تغيير قيمة const
خطأ:
const country = "Egypt";
country = "USA";
لأن const لا تسمح بالتغيير.
2- نسيان كتابة let أو const
خطأ:
name = "Hisham";
الأفضل:
let name = "Hisham";
خلاصة الدرس
تعلمنا اليوم:
معنى المتغيرات في JavaScript.
كيفية استخدام let.
كيفية استخدام const.
الفرق بين المتغير القابل للتغيير والثابت.
متى نستخدم كل نوع.
تذكر دائمًا: البرمجة لا تُتعلم بالحفظ فقط، بل بالتجربة وكتابة الأكواد بنفسك.
في الدرس القادم سنتعلم نوعًا جديدًا من البيانات وكيف نتعامل معه داخل JavaScript. 🚀8
🎯 اختبر نفسك الآن
تهانينا! لقد أنهيت هذا الدرس بنجاح. 🎉
لكن هل فهمت كل ما تعلمته بالفعل؟
لا تكتفِ بالقراءة، بل اختبر معلوماتك من خلال الاختبار التفاعلي الذي صممته خصيصًا لهذا الدرس ضمن سلسلة Hisham Academy.
🧠 مميزات الاختبار:
أسئلة متنوعة تقيس مدى فهمك.
نتيجة فورية بعد الانتهاء.
تصميم بسيط وسريع يعمل على الهاتف والكمبيوتر.
يساعدك على معرفة نقاط القوة والجوانب التي تحتاج إلى مراجعتها.
🔗 ابدأ الاختبار الآن:
https://hishamabdulrashid999.github.io/test/
أضغط هنا للبدء في الأختبار
📚 تابع الدرس التالي في سلسلة Hisham Academy ولا تنسَ حفظ المقال ومشاركته مع من يريد تعلم برمجة الويب من الصفر.
وأخبرني رأيك في التعليقات هل فعلاً أستفدت من هذا المقال
