شرح صفوف ومحتوى الفقرة
بينما تكتفي الطباعة بعرض ما تذكرت طباعته فقط، تقوم نقاط التوقف (Breakpoints) بتجميد التنفيذ لحظياً لتفحص كافة المتغيرات المحلية والخارجية على الهواء مباشرة بطريقتين:
- لوحة Sources في أدوات المطور: بالنقر على رقم السطر، أو بوضع نقطة توقف شرطية (Conditional Breakpoint) مثل
total < 0فلا يتوقف التنفيذ وسط ألف دورة إلا عند العنصر المسبب للخلل! - التعليمة البرمجية
debugger;: توقف التنفيذ تلقائياً عند ذلك السطر متى كانت أدوات المطور مفتوحة (ويجب دائماً حذفها من الكود قبل نشر المشروع في الإنتاج!).
JavaScript
function calcDiscount(price, pct) {
debugger;
const cut = price * (pct / 100);
return price - cut;
}
document.getElementById('run-dbg').addEventListener('click', () => {
const finalPrice = calcDiscount(200, 15);
document.getElementById('d-res').textContent = 'Final: $' + finalPrice;
});