1. Commande pour afficher des informations
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<Title> Commande de console commune </TITME>
<meta 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>
</docy>
</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)
La copie de code est la suivante:
<script type = "text / javascript">
Console.log ("% d Année% D Mois% D Day", 2011, 3, 26);
</cript>
Effet:
3. Groupe d'informations
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<Title> Commande de console commune </TITME>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
</ head>
<body>
<script type = "text / javascript">
console.group ("premier groupe d'informations");
console.log ("premier groupe en premier: mon xx (// www.vevb.com)");
console.log ("Premier groupe 2: xxx (http://vevb.com)");
console.ground ();
console.group ("deuxième groupe d'informations");
Console.log ("Second Group 1: Program Earthing QQ Group: 80535344");
Console.log ("Second Group 2: Bienvenue à rejoindre");
console.ground ();
</cript>
</docy>
</html>
Effet:
4. Afficher les informations de l'objet
Console.dir () peut afficher toutes les propriétés et méthodes d'un objet.
La copie de code est la suivante:
<script type = "text / javascript">
var info = {
Blog: "// www.vevb.com",
QQGroup: 80535344,
Message: "Les amateurs de programme vous accueillent pour vous joindre"
};
console.dir (info);
</cript>
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.
La copie de code est la suivante:
<! Doctype html>
<html>
<adal>
<Title> Commande de console commune </TITME>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
</ head>
<body>
<div id = "info">
<h3> mon blog: www.ido321.com </h3>
<p> Enthousiasme du programme: 259280570, bienvenue à rejoindre </p>
</div>
<script type = "text / javascript">
var info = document.getElementById ('info');
console.dirxml (info);
</cript>
</docy>
</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.
La copie de code est la suivante:
<script type = "text / javascript">
Résultat var = 1;
Console.Assesert (résultat);
Var Année = 2014;
Console.Asersert (année == 2018);
</cript>
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
7. Suivez la piste d'appel de la fonction.
Console.trace () est utilisé pour suivre la piste d'appel de la fonction.
La copie de code est la suivante:
<script type = "text / javascript">
/ * Comment la fonction est appelée, ajoutez simplement la méthode console.trace () * / /
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);}
fonction add1 (a, b) {return add (a, b);}
</cript>
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.
La copie de code est la suivante:
<script type = "text / javascript">
Console.Time ("Console Timer One");
pour (var i = 0; i <1000; i ++) {
pour (var j = 0; j <1000; j ++) {}
}
Console.Timeend ("Console Timer One");
</cript>
Le temps d'exécution est de 38,84 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 ().
La copie de code est la suivante:
<script type = "text / javascript">
fonction all () {
alerte (11);
pour (var i = 0; i <10; i ++) {
funca (1000);
}
funcb (10000);
}
fonction funca (count) {
pour (var i = 0; i <count; i ++) {}
}
fonction funcb (count) {
pour (var i = 0; i <count; i ++) {}
}
Console.Profile («Performance Analyzer»);
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.