صحّح JavaScript وPHP خطوة بخطوة

افهم وطبّق

ورقة مكمّلة لمحتوى Mehdi Laraibi في Lara Academy. الفيديو بالدارجة، وهذه الورقة كتعاونك تطبّق.

من بعد هاد الدرس، تقدر

• تحدّد النتيجة اللي كتتسنّى وتعاود الخطأ فمثال صغير.
• تحطّ point d’arrêt وتقارن المتغيّرات قبل التعليمة ومن بعدها.
• تصحّح الفرضية وتعاود نفس الحالة باش تتأكّد.

مثال عملي

رسالة الخطأ ولا اقتراح من IA كيقدّر يعطيك فكرة. باش تتأكّد منها، خاصّك تشوف البرنامج شنو كيدير فعلاً. طريقة Reel فيها 4 خطوات: عاود الخطأ، قول شنو كتتسنّى، حطّ point d’arrêt قريب للكود اللي كتشكّ فيه، وزيد سطراً بسطر.

ناخدو تبديل المتغيّرات: فالبداية a فيها 5 وb فيها 3. التبديل الصحيح خاصّو يعطي a فيها 3 وb فيها 5. حلّ Sources فـDevTools، حطّ point d’arrêt قبل a = b وعاود شغّل الكود. التوقّف قبل تعليمة كيبيّن الحالة قبل التنفيذ ديالها. مع Step over، راقب a فـScope: من بعد a = b، القيمة 5 كتضيع.

متغيّر مؤقّت كيحفظ القيمة القديمة. فـPHP، تقدر تدير نفس الملاحظة باستعمال Xdebug وبيئة تصحيح مضبوطة: point d’arrêt بوحدها ما كافياش بلا اتصال فعّال بالـdebugger. var_dump باقية مفيدة لفحص سريع، والتقدّم سطراً بسطر كيعاون تعرف بالضبط فوقاش تبدّلات القيمة.

let a = 5;
let b = 3;
a = b;
b = a; // a = 3, b = 3

a = 5;
b = 3;
const tmp = a;
a = b;
b = tmp; // a = 3, b = 5

دابا جرّب بوحدك

توقّع النتيجة ديال let total = "0"; ومن بعدها for (const price of [10, 20, 30]) total += price;. شنو تبدّل باش تحصل على 60؟ تأكّد باستعمال point d’arrêt.

باش تتعمّق

• Chrome DevTools: نقاط التوقّف
• Xdebug: تصحيح PHP خطوة بخطوة