1. Befehl zum Anzeigen von Informationen
Der Code ist wie folgt:
<! DocType html> <html> <kopf> <titels> Common Console-Befehl </title> <meta http-äquiv = "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>Die am häufigsten verwendete Konsole.log ist die Konsole.log.
Zwei: Platzhalter
Die obige Konsolenkonzentration unterstützt das Printf -Platzhalterformat. Die unterstützten Platzhalter sind: Charaktere (%s), ganze Zahlen (%d oder%i), schwimmende Punktzahlen (%f) und Objekt (%O)
Der Code ist wie folgt:
<skript type = "text/javaScript"> console.log (" %d Jahr %d Monat %D Tag", 2016, 8, 20); </script>Wirkung:
3.. Informationsgruppierung
Der Code ist wie folgt:
<! DocType html> <html> <kopf> <titels> Common Console-Befehl </title> <meta http-äquiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script type = "text/javascrip"> console.group.group ("Erste Gruppengruppe". console.log ("Erster Gruppenartikel 1: Mein technisches Blog (https://segmentfault.com/u/learnme)"); console.log ("Erster Gruppenartikel 2: Mein GitHub (https://github.com/specialcoder/)"); console.groupend (); console.group ("zweite Gruppeninformationen"); console.log ("zweite Gruppe zuerst: Programmbegeisterte"); console.log ("zweite Gruppe Sekunde: Willkommen zu dem Beitritt"); console.groupend (); </script> </body> </html>Wirkung:
4.. Zeigen Sie die Informationen des Objekts an
console.dir () kann alle Eigenschaften und Methoden eines Objekts anzeigen.
Der Code ist wie folgt:
<script type = "text/javaScript"> var info = {blog: "https://segmentfault.com/u/learnme/", Github: "https://github.com/specialcoder/", Nachricht: "Programmbegeisterte willkommen", "}; console.dir (info);Wirkung:
5. Zeigen Sie den Inhalt eines Knotens an
console.dirxml () wird verwendet, um den in einem Knoten einer Webseite enthaltenen HTML/XML -Code anzuzeigen.
Der Code ist wie folgt:
<! DocType html> <html> <kopf> <titels> Common Console-Befehl </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <div id = "info"> <h3> my blog: https:/ Enthusiasten, Sie können gerne </p> </div> <script type = "text/javaScript"> var info = document.getElementById ('info'); console.dirxml (info); </script> </body> </html> beitreten.Wirkung:
6. Bestimmen Sie, ob die Variable wahr ist
Console.assert () wird verwendet, um festzustellen, ob ein Ausdruck oder eine Variable wahr ist. Wenn das Ergebnis Nein ist, wird eine entsprechende Nachricht auf der Konsole ausgegeben und eine Ausnahme wird ausgelöst.
Assert ist ein gutes Merkmal, um die Programmkorrektheit zu gewährleisten. In Browsern mit Debugging -Tools kann diese Funktion durch telefonische Aufrufe von console.assert () implementiert werden.
Der Code ist wie folgt:
<script type = "text/javaScript"> var result = 1; console.assert (Ergebnis); var Jahr = 2014; console.assert (Jahr === 2018, "Behauptung fehlgeschlagen"); </script>
In der Erklärung der Konsole.assert () ist der erste Parameter das Ergebnis der Behauptung, die durchgeführt werden muss, was unter normalen Umständen wahr sein sollte. Der zweite Parameter ist die auf der Konsole gedruckte Fehlermeldung, wenn ein Fehler auftritt.
1 ist ein Nicht-0-Wert, er ist wahr; und das zweite Urteil ist falsch und die Fehlermeldung wird auf der Konsole angezeigt
Ergebnisse zeigen:
7. Verfolgen Sie die Anrufspur der Funktion
console.trace () wird verwendet, um die Aufrufspur der Funktion zu verfolgen.
Der Code ist wie folgt:
<script type = "text/javaScript">/*Wie die Funktion aufgerufen wird, fügen Sie einfach console.trace () Methode hinzu*/Funktion add (a, b) {console.trace (); Return a+b; } var x = add3 (1,1); Funktion add3 (a, b) {return add2 (a, b);} Funktion add2 (a, b) {return add1 (a, b);} Funktion add1 (a, b) {return add (a, b);} </script>Konsolenausgabeinformationen:
8. Timing -Funktion
console.time () und console.timeend () werden verwendet, um die Laufzeit des Codes anzuzeigen.
Der Code ist wie folgt:
<script type = "text/javaScript"> console.time ("count 1000*1000"); für (var i = 0; i <1000; i ++) {für (var j = 0; j <1000; j ++) {}} console.timeend ("count 1000*1000"); </script>Die Laufzeit beträgt 10,64 ms
9. Leistungsanalyse der Konsole.profile ()
Die Leistungsanalyse (Profiler) besteht darin, die Laufzeit jedes Teils des Programms zu analysieren und den Engpass herauszufinden. Die verwendete Methode ist Console.profile ().
Der Code ist wie folgt:
<script type = "text/javaScript"> Funktion all () {alert (11); für (var i = 0; i <10; i ++) {funca (1000);} funcb (10000); } function funca (count) {for (var i = 0; i <count; i ++) {}} Funktion funcb (count) {für (var i = 0; i <count; i ++) {}} console.profile ('Performance Analyzer'); Alle(); console.profileend (); </script>Lassen Sie mich erklären, dass während des LZ -Tests kein Alarm zu allen () hinzugefügt wurde und die Kontrollleiste nicht ausgegeben wurde. Nach dem Hinzufügen gab es eine Leistungsanalyse -Tabelle. Der Grund war noch nicht klar. Wenn Sie wissen, können Sie einen Kommentar abgeben.