نص كامل 2786 الكلمات ، المدة المقدرة للدراسة 8 دقيقة

المصدر: Pexels JS Console

التصحيح يشبه لعب دور المحقق والقاتل في نفس الوقت في فيلم الجريمة.

فيليب فورتيس

يحب معظم المطورين إخراج المعلومات في المتصفح لمعرفة المزيد حول المشكلة. لا ينبغي أن يكون المؤلف الوحيد الذي يفعل ذلك.

إن إخراج المعلومات في وحدة تحكم المتصفح يشبه عملية الإنقاذ للمطورين. عندما تواجه العديد من الأمراض المستعصية في تصحيح التعليمات البرمجية ، فإن Console.log () يشبه الدواء الشافي.

في الواقع ، بالإضافة إلى عبارة Console.log () الأكثر استخدامًا ، هناك طرق أخرى لتبسيط عملية التصحيح.

بعد ذلك ، ستقدم Xiaoxin لهم واحدة تلو الأخرى من خلال الأمثلة.

1.console.assert ()

هذا الأمر مفيد جدًا عندما تريد إخراج السجل المحدد فقط. سيخرج المعلمات الخاطئة فقط. إذا كانت المعلمة الأولى صحيحة ، فلن تعمل.

التوكيد

2.console.group () & console.groupEnd ()

يمكنك استخدام وحدة التحكم لتجميع الرسائل.

رسائل جماعية

3.console.trace ()

هذه الطريقة سوف تتبع وتعرض عندما ينتهي الرمز.

المسار

المصدر: Pexels JS Console

4.console.count ()

تسجل هذه الوظيفة عدد استدعاءات الدوال count () ولها تسمية معلمة اختيارية.

إذا تم توفير ملصق أثناء المكالمة ، فسوف تسجل الوظيفة عدد المكالمات count () باستخدام هذا التصنيف المعين.

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

العد

5.console.table ()

هل تريد رؤية نص JSON قابل للقراءة؟

تصور مجموعة أفضل!

6. إضافة أنماط إلى رسائل وحدة التحكم

هل تبدو جميع رسائل وحدة التحكم بنفس الشكل؟ الأمر مختلف الآن ، مما يجعل الأجزاء المهمة من سجل التصحيح تبدو أكثر لفتًا للانتباه.

رسالة ملونة

يمكنك تغيير لون كلمات معينة في السجل بالطرق التالية:

قم بتمييز كلمات محددة

7.console.time ()

يتم استخدام console.time () لتتبع وقت التشغيل ، وهي طريقة جيدة لتتبع الوقت القصير الذي يتم قضاؤه في تنفيذ JavaScript.

8. HTML في وحدة التحكم

احصل على عناصر HTML من وحدة التحكم بنفس طريقة فحص العناصر.

عرض عنصر HTNL

9.console.dir ()

إخراج تنسيق JSON للكائن المحدد.

10.console.memory ()

هل تريد معرفة مقدار ذاكرة المتصفح التي تستخدمها تطبيقات جافا سكريبت؟

الرامات "الذاكرة العشوائية في الهواتف والحواسيب

المصدر: Pexels JS Console

11. استخدام العناصر النائبة

العناصر النائبة المختلفة هي كما يلي:

o: قبول كائن ،

s: قبول سلسلة

d: قبول علامة عشرية أو عدد صحيح

مقدمة العنصر النائب

12.console.log () | info () | debug () | warn () | error ()

ستحدد هذه العبارات السلسلة الأصلية بألوان مختلفة وفقًا لنوع الحدث.

سجل وحدة التحكم / المعلومات / التصحيح / تحذير / خطأ

13.console.clear ()

أخيرًا وليس آخرًا ، استخدم الأمر clear () لمسح جميع رسائل وحدة التحكم.

فيما يلي النقاط الرئيسية التي يجب إضافتها.

https://gist.github.com/Harshmakadia/fc25e56cb8f49145f4c9b3528f04215f

// الوقت ونهاية الوقت

console.time ("هذا") ؛

دعونا المجموع = 0 ؛

for (let j = 0؛ j < 10000 ؛ ي ++) {

المجموع + = ي

}}

console.log ("النتيجة" ، المجموع) ؛

console.timeEnd ("هذا") ؛

// ذاكرة

وحدة التحكم.memory ()

// التوكيد

consterrorMsg = 'مرحبًا! الرقم ليس حتى' ؛

for (let number = 2؛ number < = 5 ؛ الرقم + = 1) {

console.assert (number 2 === 0، {number: number، errorMsg: errorMsg}) ؛

}}

// Count

for (let i = 0؛ i < 11 ؛ ط ++) {

وحدة التحكم. () ؛

}}

// group & groupEnd

console.group () ؛

console.log ("رسالة اختبار") ؛

console.group () ؛

console.log ("رسالة أخرى") ؛

console.log ("شيء آخر") ؛

console.groupEnd () ؛

console.groupEnd () ؛

// الطاولة

يشكل = ؛

جدول وحدة التحكم (العناصر)

// واضح

وحدة التحكم. clear ()

// عنصر HTML

let element = document.getElementsByTagName ("BODY") ؛

console.log (عنصر)

// Dir

constuserInfo = {"name": "John Miller"، "id": 2522، "theme": "dark"}

console.dir (معلومات المستخدم) ؛

// اللون

console.log (" cColor من النص باللون الأخضر بالإضافة إلى حجم الخط الصغير" ، "اللون: أخضر ؛ حجم الخط: x-small") ؛

// pass object، variable

constuserDetails = {"name": "John Miller"، "id": 2522، "theme": "dark"}

console.log ("مرحبًا s ، إليك التفاصيل الخاصة بك o في شكل كائن" ، "John" ، تفاصيل المستخدم) ؛

// إفتراضي

console.log ('console.log') ؛

console.info ('console.info') ؛

console.debug ('console.debug') ؛

console.warn ('console.warn') ؛

console.error ('console.error') ؛

النقاط الرئيسية

آمل أن تتمكن من إتقان نقاط المعرفة هذه وأن تصبح "مزارعي الكود المتقدمين".

اترك تعليقا

دعونا نتشارك في السلع الجافة لتعلم وتطوير الذكاء الاصطناعي معًا

إذا أعيد طبعه ، يرجى ترك رسالة في الخلفية واتباع مواصفات إعادة الطباعة