1. ما هو console.log ()؟
باستثناء بعض الإصدارات القديمة للغاية من المتصفحات ، تأتي معظم المتصفحات في الوقت الحاضر مع وظائف تصحيح الأخطاء ؛ على سبيل المثال ، لا يأتي الإصدار القديم من Firefox مع أدوات تصحيح الأخطاء. في متصفح مع وظيفة تصحيح الأخطاء ، سيتم تسجيل متغير الأعضاء المسماة وحدة التحكم في كائن النافذة ، في إشارة إلى وحدة التحكم في أداة التصحيح. من خلال استدعاء وظيفة log () لكائن وحدة التحكم ، يمكنك طباعة المعلومات في وحدة التحكم. على سبيل المثال ، سوف يقوم الرمز التالي بطباعة "نموذج السجل" في وحدة التحكم:
نسخة التعليمات البرمجية كما يلي: window.console.log ("نموذج السجل") ؛
يمكن أن يتجاهل الكود أعلاه كائن النافذة ويختصر بشكل مباشر على النحو التالي:
نسخة التعليمات البرمجية كما يلي: console.log ("نموذج السجل") ؛
Console.log () يمكن أن تقبل أي سلسلة ورقم وجافا سكريبت. على غرار وظيفة ALERT () ، يمكن لـ Console.log () أيضًا قبول الأحرف الجديدة/N و TAB/T. يمكن رؤية معلومات التصحيح المطبوعة في بيان Console.log () في وحدة التحكم في التصحيح في المتصفح. قد يختلف سلوك Console.log () في متصفحات مختلفة.
2. متوافق مع المستعرضات بدون وحدة تحكم تصحيح الأخطاء
بالنسبة للإصدارات القديمة من المتصفحات التي تفتقر إلى وحدة التحكم في التصحيح ، فإن كائن وحدة التحكم في النافذة غير موجود ، لذا فإن استخدام عبارة console.log () قد يتسبب مباشرة في أخطاء داخل المتصفح (خطأ مؤشر فارغ) ويؤدي في النهاية إلى بعض تحطم المتصفح القديم. لحل هذه المشكلة ، يمكنك تحديد كائن وحدة التحكم يدويًا وإعلان أن وظيفة السجل لكائن وحدة التحكم هي وظيفة فارغة ؛ :
انسخ الرمز كما يلي: if (! window.console) {
window.console = {log: function () {}} ؛
}
ومع ذلك ، في معظم الحالات ، ليست هناك حاجة للقيام بهذا العمل التوافق - يجب إزالة رمز التصحيح مثل console.log () من رمز المنتج النهائي.
3. استخدم المعلمات
على غرار وظيفة التنبيه () ، يمكن أن تقبل console.log () المتغيرات وربطها مع سلاسل أخرى:
انسخ الرمز كما يلي: // استخدم المتغير
var name = "bob" ؛
console.log ("الاسم هو:" + اسم) ؛
على عكس وظيفة التنبيه () ، يمكن أن تقبل console.log () المتغيرات كمعلمات للانتقال إلى سلاسل ، وبناء بناء الجملة الخاص به يتوافق مع بناء جملة printf باللغة c:
انسخ الرمز كما يلي: // استخدم المعلمة
var people = "Alex" ؛
var years = 42 ؛
console.log ("٪ s هو ٪ d سنوات." ، الناس ، سنوات) ؛
نتيجة التنفيذ للرمز أعلاه هي: "أليكس يبلغ من العمر 42 عامًا".
4. استخدم مستويات السجل الأخرى
بالإضافة إلى Console.log () ، يدعم Firebug أيضًا مجموعة متنوعة من مستويات السجل المختلفة: Debug ، Info ، تحذير ، خطأ. سيقوم الرمز التالي بطباعة مستويات السجل المختلفة هذه في وحدة التحكم:
انسخ الرمز كما يلي: // استخدم مستوى تسجيل مختلف
console.log ("مستوى السجل") ؛
console.debug ("Debug Level") ؛
console.info ("مستوى المعلومات") ؛
console.Warn ("مستوى تحذير") ؛
console.error ("مستوى الخطأ") ؛
من وحدة التحكم في Firebug ، يمكنك أن ترى أن ألوان وأيقونات الطباعة في مستويات سجل مختلفة مختلفة ؛