1. أمر لعرض المعلومات
الرمز كما يلي:
<! doctype html> <html> <head> <title> أمر وحدة التحكم المشتركة </title> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> </head> <body> <script type = "text/javaScript"> console.log ('hello') ؛ console.info ('Information') ؛ console.error ('error') ؛ console.warn ('Warning') ؛ </script> </body> </html>وحدة التحكم الأكثر استخدامًا.
اثنان: صاحب نائب
التركيز أعلاه من وحدة التحكم يدعم تنسيق العنصر النائب printf. العناصر النائبة المدعومة هي: الأحرف (٪ s) ، الأعداد الصحيحة (٪ d أو ٪ i) ، أرقام النقاط العائمة (٪ f) والكائن (٪ o)
الرمز كما يلي:
<script type = "text/javaScript"> console.log ("٪ d year ٪ d month d day" ، 2016 ، 8 ، 20) ؛ </script>تأثير:
3. تجميع المعلومات
الرمز كما يلي:
<! doctype html> <html> <head> <title> أمر وحدة التحكم الشائعة </title> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> </head> <body> <script type = "text/javaScript"> console.group Console.log ("المجموعة الأولى البند 1: مدونتي الفنية (https://segressfault.com/u/learnme)") ؛ console.log ("المجموعة الأولى البند 2: github my (https://github.com/specialcoder/)") ؛ console.groupend () ؛ console.group ("معلومات المجموعة الثانية") ؛ console.log ("المجموعة الثانية الأولى: متحمس البرنامج") ؛ console.log ("المجموعة الثانية الثانية: مرحبًا بالانضمام") ؛ console.groupend () ؛ </script> </body> </html>تأثير:
4. عرض معلومات الكائن
Console.dir () يمكن عرض جميع خصائص وطرق كائن ما.
الرمز كما يلي:
<script type = "text/javaScript"> var info = {blog: "https://segmentfault.com/u/learnme/" ، github: "https://github.com/specialcoder/" ، message:تأثير:
5. عرض محتوى العقدة
يتم استخدام console.dirxml () لعرض رمز HTML/XML الموجود في عقدة صفحة ويب.
الرمز كما يلي:
<! doctype html> <html> <head> <title> أمر وحدة التحكم الشائعة </title> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> </head> <body> <div id = "info"> المتحمسين ، نرحب بك للانضمام </p> </viv> <script type = "text/javaScript"> var info = document.getElementById ('info') ؛ console.dirxml (info) ؛ </script> </body> </html>تأثير:
6. تحديد ما إذا كان المتغير صحيحًا
يتم استخدام console.assert () لتحديد ما إذا كان التعبير أو المتغير صحيحًا. إذا كانت النتيجة لا ، يتم إخراج رسالة مقابلة على وحدة التحكم وإلقاء استثناء.
تأكيد ميزة جيدة لضمان صحة البرنامج. في المتصفحات مع أدوات تصحيح الأخطاء ، يمكن تنفيذ هذه الميزة عن طريق استدعاء Console.assert ().
الرمز كما يلي:
<script type = "text/javaScript"> var result = 1 ؛ console.assert (نتيجة) ؛ var year = 2014 ؛ console.assert (السنة === 2018 ، "فشل التأكيد") ؛ </script>
في بيان console.assert () ، المعلمة الأولى هي نتيجة التأكيد على أنه يجب تنفيذها ، والتي يجب أن تكون صحيحة في ظل الظروف العادية ؛ المعلمة الثانية هي رسالة الخطأ المطبوعة على وحدة التحكم عند حدوث خطأ.
1 هي قيمة غير 0 ، إنها صحيحة ؛ والحكم الثاني خاطئ ، ويتم عرض رسالة الخطأ على وحدة التحكم
نتائج إظهار:
7. تتبع مسار المكالمة للوظيفة
يتم استخدام Console.trace () لتتبع مسار المكالمة للوظيفة.
الرمز كما يلي:
<script type = "text/javaScript">/*كيف تسمى الوظيفة ، فقط أضف طريقة console.trace () إلى ذلك*/وظيفة إضافة (a ، b) {console.trace () ؛ إرجاع A+B ؛ } var x = add3 (1،1) ؛ الوظيفة add3 (a ، b) {return add2 (a ، b) ؛} وظيفة add2 (a ، b) {return add1 (a ، b) ؛} وظيفة add1 (a ، b) {return add (a ، b) ؛} </script>معلومات إخراج وحدة التحكم:
8. وظيفة التوقيت
يتم استخدام Console.Time () و console.timeend () لعرض وقت تشغيل الكود.
الرمز كما يلي:
<script type = "text/javaScript"> console.time ("count 1000*1000") ؛ لـ (var i = 0 ؛ i <1000 ؛ i ++) {for (var j = 0 ؛ j <1000 ؛ j ++) {}} console.timeend ("count 1000*1000") ؛ </script>وقت التشغيل هو 10.64ms
9. تحليل أداء وحدة التحكم. profile ()
تحليل الأداء (Profiler) هو تحليل وقت تشغيل كل جزء من البرنامج ومعرفة عنق الزجاجة. الطريقة المستخدمة هي Console.profile ().
الرمز كما يلي:
<script type = "text/javaScript"> وظيفة All () {Alert (11) ؛ لـ (var i = 0 ؛ i <10 ؛ i ++) {funca (1000) ؛} funcb (10000) ؛ } دالة funca (العد) {for (var i = 0 ؛ i <count ؛ i ++) {}} funcb (count) {for (var i = 0 ؛ i <count ؛ i ++) {}} console.profile ('' lalyzer ') ؛ الجميع()؛ console.profileend () ؛ </script>اسمحوا لي أن أشرح أنه أثناء اختبار LZ ، لم تتم إضافة أي تنبيه إلى جميع () ، ولم يتم إخراج شريط التحكم. بعد إضافة ، كان هناك جدول تحليل الأداء. السبب لم يكن واضحا بعد. إذا كنت تعرف ، يمكنك التعليق.