1. Qu'est-ce que console.log ()?
À l'exception des très anciennes versions de navigateurs, la plupart des navigateurs sont de nos jours avec des fonctions de débogage; même s'il n'y a pas de fonction de débogage, ils peuvent être complétés par l'installation de plug-ins. Par exemple, l'ancienne version de Firefox ne vient pas avec des outils de débogage. Sur un navigateur avec fonction de débogage, une variable de membre nommée console sera enregistrée dans l'objet Window, se référant à la console dans l'outil de débogage. En appelant la fonction log () de l'objet Console, vous pouvez imprimer des informations dans la console. Par exemple, le code suivant imprimera "Exemple de journal" dans la console:
La copie de code est la suivante: window.console.log ("Exemple de journal");
Le code ci-dessus peut ignorer l'objet de fenêtre et directement abrégé comme:
La copie de code est la suivante: Console.log ("Exemple de journal");
Console.log () peut accepter n'importe quelle chaîne, numéro et objet JavaScript. Semblable à la fonction alert (), Console.log () peut également accepter les caractères Newlines / N et Tab / T. Les informations de débogage imprimées dans la déclaration Console.log () peuvent être vues dans la console de débogage du navigateur. Le comportement de Console.log () peut varier en différents navigateurs.
2. Compatible avec les navigateurs sans console débogue
Pour les anciennes versions de navigateurs qui manquent de console de débogage, l'objet de console dans la fenêtre n'existe pas, donc en utilisant l'instruction Console.log () directement peut entraîner des erreurs à l'intérieur du navigateur (erreur du pointeur nul) et finalement conduire à une ancienne collision du navigateur. Pour résoudre ce problème, vous pouvez définir manuellement l'objet console et déclarer que la fonction de journal de l'objet Console est une fonction vide; :
Copiez le code comme suit: if (! Window.console) {
window.console = {log: function () {}};
}
Cependant, dans la plupart des cas, il n'est pas nécessaire de faire ce travail de compatibilité - le code de débogage tel que console.log () doit être supprimé du code produit final.
3. Utilisez des paramètres
Semblable à la fonction alert (), console.log () peut également accepter les variables et les épisser avec d'autres chaînes:
Copiez le code comme suit: // Utiliser la variable
var name = "bob";
console.log ("Le nom est:" + nom);
Contrairement à la fonction alert (), Console.log () peut également accepter les variables comme des paramètres à passer en chaînes, et sa syntaxe spécifique est cohérente avec la syntaxe printf en langage C:
Copiez le code comme suit: // Utiliser le paramètre
var People = "Alex";
var années = 42;
Console.log ("% s est% d des ans.", People, années);
Le résultat d'exécution du code ci-dessus est: "Alex a 42 ans."
4. Utilisez d'autres niveaux de journal
En plus de Console.log (), Firebug prend également en charge une variété de niveaux de journal différents: débogage, informations, avertissement, erreur. Le code suivant imprimera ces différents niveaux de journal dans la console:
Copiez le code comme suit: // Utilisez un niveau de journalisation différent
console.log ("Niveau de journal");
console.debug ("niveau de débogage");
console.info ("niveau d'information");
Console.Warn ("Warn Nivel");
Console.Error ("Niveau d'erreur");
À partir de la console Firebug, vous pouvez voir que les couleurs et les icônes des informations d'impression à différents niveaux de journal sont différentes;