انتقل إلى محتوى الدرس

Variable Shadowing Inside Blocks حجب المتغيرات داخل الكتل

افهم الكتل البرمجية ({ ... }) في JavaScript: أتقن العزل الكتلي لمتغيرات let وconst، وتجنب تسرب var خارج الأقواس، وتعرّف على آلية حجب المتغيرات Shadowing.
6 صفوف تعليمية
جافا سكريبت
3,449 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يحدث حجب المتغيرات أو التظليل (Variable Shadowing) عند تعريف متغير جديد بـ let أو const داخل كتلة فرعية يحمل نفس اسم متغير خارجي؛ فتحجب النسخة الداخلية المتغير الخارجي مؤقتاً داخل الكتلة فقط، ثم يعود الخارجي للظهور بسلام بعد إغلاقها. ومع ذلك يُنصح باختيار أسماء متمايزة لزيادة وضوح القراءة.

الصف 2 كود برمجي
JavaScript
const role = 'Viewer';
let innerCheck = '';
if (true) {
  const role = 'Admin';
  innerCheck = 'Inside: ' + role;
}
document.getElementById('shd-out').textContent = innerCheck + ' | Outside: ' + role;
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
الصف 5 ملاحظة هامة
الصف 6 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

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

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس بنية الكتل البرمجية، وأهمية الأقواس المعقوفة في الشروط والحلقات، والعزل المحكم لـ let وconst مقابل تسرب var، وآلية حجب المتغيرات. الخطوة التالية: انتقل إلى درس «المغلفات البرمجية Closures في JavaScript» لاكتشاف كيف تحتفظ الدوال الداخلية بذاكرة متغيرات دالتها الأم.