التنقل خطوة بخطوة في التعليمات البرمجية
تخطّوا الدوال أو ادخلوا إليها أو اخرجوا منها خطوة بخطوة.
التنقل خطوة بخطوة في التعليمات البرمجية درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.
التقدم خطوة بخطوة في التعليمات البرمجية
بعد التوقف عند نقطة توقف، تتقدم خطوة بخطوة عبر التعليمات البرمجية لتنفيذ عملية واحدة في كل مرة ومراقبة تغير الحالة سطرًا بعد سطر.
متابعة التنفيذ
يواصل زر متابعة التنفيذ العمل العادي حتى نقطة التوقف التالية أو حتى انتهاء البرنامج. استخدمه عندما تكون قد رأيت ما يكفي عند موضع التوقف الحالي.
تجاوز الخطوة
ينفذ تجاوز الخطوة السطر الحالي بالكامل، بما في ذلك أي دالة يستدعيها، ثم يتوقف عند السطر التالي في الدالة نفسها. ولا يدخل إلى الدالة المستدعاة.
function helper() {
return 5
}
function main() {
const a = helper()
const b = a + 1
return b
}الدخول إلى الخطوة
يدخل الدخول إلى الخطوة في استدعاء دالة موجود في السطر الحالي، ويتوقف عند عبارتها الأولى حتى تتمكن من تصحيح الأخطاء داخلها.
function helper() {
const x = 10
return x
}
function main() {
return helper()
}الخروج من الخطوة
ينهي الخروج من الخطوة الدالة الحالية ويتوقف عند السطر الذي يلي الاستدعاء الذي أدخلك إليها مباشرةً. استخدمه لمغادرة دالة لم تعد بحاجة إلى فحصها.
اختيار أمر التقدم خطوة
استخدم تجاوز الخطوة عندما تكون الدالة موثوقة، والدخول إلى الخطوة للتحقيق فيها، والخروج من الخطوة بعد التأكد من سلامة المنطق الداخلي.
لوحة مكدس الاستدعاءات
تعرض لوحة مكدس الاستدعاءات، أثناء التقدم خطوة بخطوة، سلسلة استدعاءات الدوال التي أدت إلى السطر الحالي. ويؤدي النقر فوق إطار إلى الانتقال إلى ذلك السياق.
مراقبة تغير الحالة
أثناء التقدم خطوة بخطوة، تُحدّث لوحتا Scope وWatch محتوياتهما، مما يتيح لك رؤية السطر الذي يغيّر متغيرًا بصورة غير متوقعة بدقة.
التقدم خطوة بخطوة داخل الحلقات
داخل الحلقة، يعيد التقدم خطوة بخطوة تنفيذ جسم الحلقة في كل تكرار. وغالبًا ما تكون نقطة التوقف الشرطية أسرع من التقدم يدويًا عبر تكرارات كثيرة.
function sumTo(n) {
let total = 0
for (let i = 1; i <= n; i++) {
total += i
}
return total
}الدخول إلى تعليمات المكتبات البرمجية
قد ينقلك الدخول إلى الخطوة إلى التفاصيل الداخلية للمكتبة. ويوفر DevTools ميزة لتجاهل البرامج النصية المدرجة، حتى تبقى ضمن تعليماتك البرمجية.
سير عمل نموذجي
عيّن نقطة توقف بالقرب من الخطأ المشتبه فيه، ثم تقدم سطرًا بعد سطر مع مراقبة المتغيرات حتى تجد الموضع الذي ينحرف فيه الواقع عن التوقع.
اختبار سريع
اختبر معرفتك بالتقدم خطوة بخطوة.
مراجعة
مراجعة: يتيح التقدم خطوة بخطوة المرور عبر التعليمات البرمجية تحت التحكم.
- ينفذ تجاوز الخطوة السطر دون الدخول إلى الاستدعاءات
- يدخل الدخول إلى الخطوة في الدالة المستدعاة
- ينهي الخروج من الخطوة الدالة الحالية
- يوضح مكدس الاستدعاءات كيفية وصولك إلى الموضع الحالي
الأسئلة الشائعة
هل درس «التنقل خطوة بخطوة في التعليمات البرمجية» مجاني؟
نعم — نص درس «التنقل خطوة بخطوة في التعليمات البرمجية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.
ماذا ستتعلم في «التنقل خطوة بخطوة في التعليمات البرمجية»؟
تخطّوا الدوال أو ادخلوا إليها أو اخرجوا منها خطوة بخطوة. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟
لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «التنقل خطوة بخطوة في التعليمات البرمجية»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟
نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما بعد console.log
- تعيين نقاط التوقف
- التنقل خطوة بخطوة في التعليمات البرمجية
- قراءة تتبعات مكدس الاستدعاءات