JavaScript - تصحيح الأخطاء (Debugging)
JavaScript - تصحيح الأخطاء (Debugging)
🔸 تصحيح الأخطاء (Debugging) هو عملية اكتشاف وإصلاح المشاكل في الكود.
JavaScript توفر أدوات فعّالة لتتبع الأخطاء واختبار السلوك مثل console.log() و أدوات المطور في المتصفح.
🔹 استخدام console.log()
let x = 5;
let y = 10;
let total = x + y;
console.log("القيمة الكلية:", total);
📌 تُستخدم console.log() لعرض القيم في وحدة التحكم (Console).
🔹 أدوات المطور في المتصفح (Developer Tools)
- افتحها بالضغط على
F12أوCtrl+Shift+I. - تحتوي على تبويب "Console" لرؤية رسائل
console.log. - تبويب "Sources" لتحديد نقاط التوقف (Breakpoints).
- تبويب "Network" لمراقبة الطلبات والردود.
🔹 نقاط التوقف (Breakpoints)
🔹 تسمح لك بإيقاف تنفيذ الكود في سطر معين لتفحص القيم الحالية للمتغيرات خطوة بخطوة.
---🔹 استخدام console.error و console.warn
console.warn("تحذير: تحقق من إدخال المستخدم!");
console.error("خطأ: فشل في تحميل البيانات!");
🔹 استخدام debugger
let a = 1;
let b = 2;
debugger; // يتوقف هنا إذا كانت أدوات المطور مفتوحة
let result = a + b;
📌 عند استخدام debugger، يتوقف الكود في هذا السطر داخل أدوات المطور.
⚠️ نصائح عند تصحيح الأخطاء
- ابدأ باستخدام
console.logلتحديد موقع المشكلة. - افحص القيم المتغيرة أثناء التنفيذ.
- استخدم
debuggerعند الحاجة لتوقف تفاعلي. - اقرأ رسائل الخطأ بعناية — غالبًا ما توضح مكان المشكلة بدقة.
تعليقات
إرسال تعليق