1. Commande pour afficher des informations
Le code est le suivant:
<! Doctype html> <html> <éad- head> <ititle> Commande de console commune </ title> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> </ head> <body> <script type = "text / javascript"> console.log ('hello'); console.info ('information'); console.error ('error'); console.warn ('avertissement'); </cript> </ body> </html>La console la plus couramment utilisée est la console.log.
Deux: espace réservé
La concentration ci-dessus de la console prend en charge le format d'espace réservé PRINTF. Les espaces réservés pris en charge sont: les caractères (% s), les entiers (% d ou% i), les nombres de points flottants (% f) et l'objet (% o)
Le code est le suivant:
<script type = "text / javascript"> console.log ("% d an% d mois% d day d", 2016, 8, 20); </cript>Effet:
3. Groupe d'informations
Le code est le suivant:
<! Doctype html> <html> <éadf> <t titre> Commande de console commune </title> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> </ head> <body> <script type = "text / javascript"> console.group ("First Group Information"); Console.log ("Premier groupe Item 1: Mon blog technique (https://segmentfault.com/u/learnme)"); Console.log ("First Group Item 2: My GitHub (https://github.com/specialcoder/)"); console.ground (); Console.group ("Informations de deuxième groupe"); Console.log ("Second Group First: Program Enthusiasit"); Console.log ("Second Group Second: Bienvenue à rejoindre"); console.groupEnd (); </cript> </ body> </html>Effet:
4. Afficher les informations de l'objet
Console.dir () peut afficher toutes les propriétés et méthodes d'un objet.
Le code est le suivant:
<script type = "text / javascript"> var info = {blog: "https://segmentfault.com/u/learnme/", github: "https://github.com/specialcoder/", message: "Program Enthusiasts vous accueille pour rejoindre"}; console.dir (info); </ script>Effet:
5. Afficher le contenu d'un nœud
Console.dirxml () est utilisé pour afficher le code HTML / XML contenu dans un nœud d'une page Web.
Le code est le suivant:
<! Doctype html> <html> <éad- head> <ititle> Commande de console commune </tapie> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> </ head> <body> <v id = "info"> <h3> mon blog: https://segments passionnés, vous êtes invités à rejoindre </p> </div> <script type = "text / javascript"> var info = document.getElementyid ('info'); console.dirxml (info); </cript> </body> </html>Effet:
6. Déterminez si la variable est vraie
Console.Assesert () est utilisé pour déterminer si une expression ou une variable est vraie. Si le résultat est non, un message correspondant est sorti sur la console et une exception est lancée.
Assert est une bonne fonctionnalité pour assurer l'exactitude du programme. Dans les navigateurs avec des outils de débogage, cette fonctionnalité peut être implémentée en appelant Console.Assesert ().
Le code est le suivant:
<script type = "text / javascript"> var result = 1; Console.Assesert (résultat); Var Année = 2014; Console.Asersert (année === 2018, "Assertion a échoué"); </cript>
Dans l'instruction Console.Asersert (), le premier paramètre est le résultat de l'affirmation qui doit être effectuée, ce qui devrait être vrai dans des circonstances normales; Le deuxième paramètre est le message d'erreur imprimé sur la console lorsqu'une erreur se produit.
1 est une valeur non 0, c'est vrai; Et le deuxième jugement est faux, et le message d'erreur s'affiche sur la console
Afficher les résultats:
7. suivre la piste d'appel de la fonction
Console.trace () est utilisé pour suivre la piste d'appel de la fonction.
Le code est le suivant:
<script type = "text / javascript"> / * Comment la fonction est appelée, ajoutez simplement console.trace () la méthode * / fonction add (a, b) {console.trace (); retourner a + b; } var x = add3 (1,1); fonction add3 (a, b) {return add2 (a, b);} fonction add2 (a, b) {return add1 (a, b);} function add1 (a, b) {return add (a, b);} </ script>Informations sur la sortie de la console:
8. Fonction de synchronisation
Console.Time () et Console.Timeend () sont utilisés pour afficher l'heure d'exécution du code.
Le code est le suivant:
<script type = "text / javascript"> console.time ("Count 1000 * 1000"); pour (var i = 0; i <1000; i ++) {pour (var j = 0; j <1000; j ++) {}} console.Timeend ("Count 1000 * 1000"); </ script>Le temps d'exécution est de 10,64 ms
9. Analyse des performances de Console.Profile ()
L'analyse des performances (Profiler) consiste à analyser le temps d'exécution de chaque partie du programme et à découvrir le goulot d'étranglement. La méthode utilisée est console.profile ().
Le code est le suivant:
<script type = "text / javascript"> fonction all () {alert (11); pour (var i = 0; i <10; i ++) {funca (1000);} funcb (10000); } fonction funca (count) {for (var i = 0; i <count; i ++) {}} fonction funcb (count) {for (var i = 0; i <count; i ++) {}} console.profile ('performance analyser'); Tous(); console.profileend (); </cript>Permettez-moi d'expliquer que pendant le test LZ, aucune alerte n'a été ajoutée à tous () et que la barre de contrôle n'était pas sortie. Après avoir ajouté, il y avait un tableau d'analyse des performances. La raison n'était pas encore claire. Si vous le savez, vous pouvez commenter.