JavaScript Utiliser console.log ()


Exemple

introduction

Tous les navigateurs Web modernes, NodeJ ainsi que presque tous les autres environnements JavaScript prennent en charge l'écriture de messages sur une console à l'aide d'une suite de méthodes de journalisation. La plus courante de ces méthodes est console.log() .

Dans un environnement de navigateur, la fonction console.log() est principalement utilisée à des fins de débogage.


Commencer

Ouvrez la console JavaScript dans votre navigateur, tapez ce qui suit et appuyez sur Entrée :

console.log("Hello, World!");

Cela enregistrera les informations suivantes sur la console:

Sortie du journal de la console dans Google Chrome

Dans l'exemple ci-dessus, la fonction console.log() Hello, World! à la console et retourne undefined (indiqué ci-dessus dans la fenêtre de sortie de la console). C'est parce que console.log() n'a pas de valeur de retour explicite.


Variables de journalisation

console.log() peut être utilisé pour enregistrer des variables de toute nature; pas seulement des ficelles. Il suffit de passer la variable à afficher dans la console, par exemple:

var foo = "bar";
console.log(foo);

Cela enregistrera les informations suivantes sur la console:

console.log () peut être utilisé avec des variables

Si vous souhaitez enregistrer deux valeurs ou plus, séparez-les simplement par des virgules. Des espaces seront automatiquement ajoutés entre chaque argument lors de la concaténation:

var thisVar = 'first value';
var thatVar = 'second value';
console.log("thisVar:", thisVar, "and thatVar:", thatVar);
Cela enregistrera les informations suivantes sur la console:

Console Concat


Placeholders

Vous pouvez utiliser console.log() en combinaison avec des espaces réservés:

var greet = "Hello", who = "World";
console.log("%s, %s!", greet, who);

Cela enregistrera les informations suivantes sur la console:

entrer la description de l'image ici


Journalisation d'objets

Nous voyons ci-dessous le résultat de la connexion d'un objet. Cela est souvent utile pour consigner les réponses JSON provenant d'appels API.

console.log({
    'Email': '', 
    'Groups': {},
    'Id': 33,
    'IsHiddenInUI': false,
    'IsSiteAdmin': false,
    'LoginName': 'i:0#.w|virtualdomain\\user2',
    'PrincipalType': 1,
    'Title': 'user2'
});

Cela enregistrera les informations suivantes sur la console:

Objet enregistré dans la console


Enregistrement d'éléments HTML

Vous avez la possibilité de consigner tout élément existant dans le DOM . Dans ce cas, nous enregistrons l'élément corps:

console.log(document.body);

Cela enregistrera les informations suivantes sur la console:

entrer la description de l'image ici


Note de fin

Pour plus d'informations sur les fonctionnalités de la console, consultez la rubrique Console .