JavaScript Academy · درس

تعيين نقاط التوقف

أوقفوا التنفيذ وافحصوا الحالة.

تعيين نقاط التوقف درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

ما هي نقطة التوقف

تطلب نقطة التوقف من مصحح الأخطاء إيقاف التنفيذ عند سطر محدد. وأثناء التوقف، يمكنك فحص المتغيرات ومكدس الاستدعاءات لفهم حالة البرنامج.

لماذا تتفوق نقاط التوقف على التسجيل

مقارنةً بنثر عبارات التسجيل في أنحاء البرنامج، تتيح لك نقاط التوقف فحص كل متغير ضمن النطاق في لحظة معينة دون تغيير التعليمات البرمجية، كما يمكنك متابعة التنفيذ أو التقدم خطوة بخطوة من ذلك الموضع.

فتح لوحة Sources

توجد نقاط التوقف في لوحة Sources ضمن أدوات DevTools للمتصفح. افتح DevTools، وانتقل إلى Sources، ثم ابحث عن ملف البرنامج النصي في شجرة الملفات.

تعيين نقطة توقف لسطر

انقر فوق هامش أرقام الأسطر بجانب العبارة لتعيين نقطة توقف هناك. ستظهر علامة، وسيتوقف التنفيذ عندما يوشك ذلك السطر على العمل.

عبارة debugger

تؤدي إضافة عبارة debugger إلى التعليمات البرمجية إلى تفعيل نقطة توقف برمجيًا عند فتح DevTools. وتُزال هذه العبارة قبل نشر التعليمات البرمجية في بيئة الإنتاج.

function compute(x) {
  const doubled = x * 2
  // a debugger statement on the next line would pause execution here
  return doubled + 1
}

نقاط التوقف الشرطية

يتيح لك النقر بزر الماوس الأيمن فوق سطر إضافة شرط. ولا يتوقف مصحح الأخطاء إلا عندما يكون التعبير صحيحًا، وهو أمر بالغ الفائدة داخل الحلقات.

نقاط التسجيل

تطبع نقطة التسجيل رسالة دون إيقاف التنفيذ، مثل عبارة تسجيل مؤقتة تضيفها عبر DevTools بدلًا من تعديل التعليمات البرمجية المصدرية.

فحص المتغيرات

عند توقف التنفيذ، تسرد لوحة Scope المتغيرات المحلية ومتغيرات الإغلاق والمتغيرات العامة مع قيمها الحالية، بحيث يمكنك التحقق من افتراضاتك.

تعبيرات المراقبة

تقيّم لوحة Watch التعبيرات التي تحددها عند كل توقف، مما يتيح لك مراقبة قيمة محسوبة أثناء تقدمك في التعليمات البرمجية.

نقاط التوقف عند الأحداث

يمكن لـ DevTools أيضًا إيقاف التنفيذ عند وقوع أحداث، مثل النقر أو طلب الشبكة، إذ يوقف التنفيذ في اللحظة التي يقع فيها الحدث.

إدارة نقاط التوقف

تسرد لوحة Breakpoints جميع نقاط التوقف لديك. ويمكنك تعطيلها مؤقتًا باستخدام مربع اختيار أو إزالتها عند الانتهاء من تصحيح الأخطاء.

اختبار سريع

اختبر معرفتك بنقاط التوقف.

مراجعة

مراجعة: توقف نقاط التوقف التنفيذ لفحصه.

عيّنها في هامش لوحة Sources
توقف عبارة debugger التنفيذ برمجيًا
لا توقف نقاط التوقف الشرطية التنفيذ إلا عندما يكون الشرط صحيحًا
افحص النطاق وتعبيرات المراقبة أثناء التوقف

الأسئلة الشائعة

هل درس «تعيين نقاط التوقف» مجاني؟

نعم — نص درس «تعيين نقاط التوقف» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «تعيين نقاط التوقف»؟

أوقفوا التنفيذ وافحصوا الحالة. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «تعيين نقاط التوقف»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى JavaScript Academy