شرح صفوف ومحتوى الفقرة
احتفظ بقائمة الفحص السريعة هذه؛ فهي تكشف أكثر من 80% من الأخطاء البرمجية اليومية في ثوانٍ معدودة:
- جمع قيم الحقول كنصوص: خاصية
input.valueنص دائماً؛ فحولها بـNumber()قبل الجمع الحسابي! - خطأ إملائي في معرف العنصر: كتابة معرف غير موجود في
getElementByIdتُرجعnullوتسبب خطأ قراءة خاصية منnull. - نسيان
returnمع الأقواس المعقوفة: كتابةarr.map((x) => { x * 2; })تُرجعundefined! - نسيان كلمة
await: محاولة قراءة نتيجةres.json()بدونawaitتعامل الوعد المعلق كأنه البيانات نفسها. - تجاوز حدود المصفوفة بواحد: كتابة الشرط
i <= arr.lengthبدل<تقرأ فهرساً خارج النطاق يساويundefined!
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتممت الفصل العشرين بإتقان منهجية تصحيح الأخطاء عبر قراءة مكدس الاستدعاءات، واستخدام console.table وconsole.assert، وإيقاف التنفيذ بنقاط التوقف وتعليمة debugger، والتنقل السطري وتجنب أشهر الأخطاء المتكررة. الخطوة التالية: انطلق إلى الفصل الحادي والعشرين (الأخير) بدءاً من درس «دوال الإنشاء المتقدمة في كائن المستند DOM»!