بالنسبة للأشخاص مثلي الذين يدرسون JavaScript بأنفسهم وليس لديهم خبرة في تعلم اللغات الأخرى ، في البداية ، كان تصحيح جافا سكريبت نقطة صعبة نسبيًا. يجب استكشاف العديد من الأشياء الأساسية بأنفسهم ، وهذه العملية محبط للغاية.
فكرت في اغتنام الفرصة لإظهار صور منشور مدونة الإغلاق أعلاه باستخدام Firebug ، والتي يمكن اعتبارها بمثابة مشاركة في تجربة تصحيح الأخطاء.
رمز العينة كما يلي:
نسخة الكود كما يلي:
وظيفة fn () {
var max = 10 ؛
عودة شريط وظيفة (x) {
if (x> max) {
console.log (x) ؛
}
}
}
var fl = fn () ،
كحد أقصى = 100 ؛
FL (15) ؛
حدد Firebug - البرنامج النصي
يمكن أن يكون شريط المراقبة على اليمين كائنات نافذة ومتغيرات MAX و FL و FN.
في الوقت نفسه ، يمكنك أيضًا رؤية خصائص النافذة أدناه. أخذ الموقع كمثال ، يمكنك تشغيل نافذة مباشرة. تحديد الموقع في "وحدة التحكم" وإخراج قيمة سمة HREF للموقع. بالطبع ، عند الإشارة إلى خصائص وطرق كائنات النوافذ ، لا تحتاج إلى استخدام النموذج "window.xxx" ولكن استخدام "xxx" مباشرة.
العودة إلى النقطة ،
ارجع إلى عمود "Script" ، و Debug JavaScript وعرض القيم المتغيرة عن طريق ضرب "نقاط التوقف".
هناك العديد من المفاهيم التي يمكنك فهمها أولاً: نقاط التوقف ، والإدخال خطوة بخطوة ، وتخطي خطوة بخطوة ، وخروج خطوة بخطوة. لن أصفها هنا.
هذه المرة ، نستخدم بشكل أساسي طريقة تعيين نقاط التوقف وإدخال خطوة بخطوة.
يمكنك النقر لتعيين نقطة توقف في علامة السطر الأيسر ، والنقر بزر الماوس الأيمن لإصدار حكم منتظم.
يمكن ضبط نقاط التوقف المتعددة ، ويمكن حذف نقاط التوقف في عمود "نقطة الإيقاف".
هنا يمكنك كسر النقطة مباشرة في بداية علامة البرنامج النصي وتحديث الصفحة.
في هذا الوقت
1. كائن النافذة الأصلي في منطقة المراقبة على اليمين يصبح هذا ويشير إلى النافذة. إخراج this.location في "وحدة التحكم" سوف يحصل على نفس النتيجة مثل الموقع.
2. تتم تهيئة المتغيرات العالمية MAX و FL إلى غير محددة
3. FN () هو إعلان وظيفي ، لأن المحلل سوف يقرأ إعلان الوظيفة أولاً ويجعله متاحًا قبل تنفيذ أي رمز (يمكن الوصول إليه)
انقر فوق الزر "خطوة واحدة إدخال" في الزاوية اليمنى العليا
قم بتنفيذ الرمز خطوة بخطوة وعرض هذا ، والتغييرات في قيمة كل متغير ، والمكدس في منطقة المراقبة. يمكنك الرجوع إلى المدونة الموصى بها.
ثم تعال إلى مثال آخر على هذا
الرمز كما يلي:
نسخة الكود كما يلي:
var name = 'The Window' ؛
var obj = {
الاسم: "المحلي" ،
getNameFunc: function () {
console.log (this.name) ؛
وظيفة الإرجاع () {
console.log (this.name) ؛
} ؛
}
} ؛
var c = obj.getNameFunc () ؛
ج () ؛
لا تزال "خطوة في" ، يمكنك أن ترى أنه عند تنفيذ سطر الكود C () ، يمكنك إدخال getNameFunc ، وهذا يتغير من الإشارة إلى كائن النافذة إلى OBJ ، وتخرج وحدة التحكم "المحلية".
يتيح لك التنفيذ خطوة بخطوة رؤية منطق تشغيل الكود بأكمله بوضوح شديد.
ما ورد أعلاه هو ملخص لطريقة استخدام وظيفة تصحيح الأخطاء لفريق Firebug لفهم إغلاق JavaScript وهذا. أتمنى أن تعجبك