الخطوات العملية:
- استخدم console.log: سجّل القيم المتغيرات والتعبيرات في وحدة تحكم المتصفح لمعرفة سلوك الكود الخاص بك.
- استخدم debugger: توقف عن تنفيذ الكود في نقطة معينة لفحصه وتصحيحه.
- استخدم نقاط التوقف: اضبط نقاط توقف في المتصفح لإيقاف التنفيذ تلقائيًا عند وصول الكود إلى هذه النقاط.
- استخدم خرائط المصادر: اعرض الكود الأصلي الذي تم تحويله إلى جافا سكريبت لتسهيل التصحيح.
مثال جافا سكريبت:
function addNumbers(a, b) {
return a + b;
}
const result = addNumbers(10, 20);
console.log(result); // 30
لتصحيح الأخطاء:
- حدد الخطأ: تحقق من وحدة تحكم المتصفح لمعرفة الخطأ أو الرسالة التحذيرية.
- ابحث عن سبب الخطأ: استخدم نقاط التوقف وconsole.log لتحديد سطر الكود الذي يسبب الخطأ.
- صحح الخطأ: قم بإجراء التغييرات اللازمة على الكود لتصحيح الخطأ.
- اختبر الكود: قم بتحديث الصفحة أو تشغيل الكود مرة أخرى للتأكد من إصلاح الخطأ.