Pour le débogage des programmes JavaScript, l'utilisation de Console.log () est un meilleur moyen qu'Alert (), car: la fonction alert () bloquera l'exécution des programmes JavaScript, provoquant des effets secondaires; Alors que Console.log () imprime uniquement les informations pertinentes dans la console, elle ne provoquera donc pas de préoccupations similaires.
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. Dans ce cas, vous pouvez ajouter des fonctions de débogage en installant le plug-in Firebug. 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 log");
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. Pour des méthodes de visualisation spécifiques dans chaque navigateur, veuillez vous référer à la page Web suivante:
http://stackoverflow.com/questions/4743730/what-is-console-log-and-how-do-ise-it
Le comportement de Console.log () peut varier en différents navigateurs. Cet article traite principalement de l'utilisation de Console.log () dans Firebug.
Compatible avec les navigateurs sans console de débogage
Pour les navigateurs plus anciens 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 provoquer des erreurs (erreurs de pointeur nul) à l'intérieur du navigateur et éventuellement provoquer des accidents dans certains navigateurs plus âgés. 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; De cette façon, lorsque l'instruction Console.log () sera exécutée, ces anciennes versions de navigateurs ne feront rien:
La copie de code est la suivante:
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.
Paramètres d'utilisation
Semblable à la fonction alert (), console.log () peut également accepter les variables et les épisser avec d'autres chaînes:
La copie de code est la suivante:
// 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:
La copie de code est la suivante:
// 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."
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:
La copie de code est la suivante:
// utilise 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");
Depuis 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; Dans le même temps, vous pouvez sélectionner différents niveaux de journal dans la console pour filtrer ces informations: