Fermer

mai 22, 2024

Types de méthodes de console en JavaScript pour le débogage / Blogs / Perficient

Types de méthodes de console en JavaScript pour le débogage / Blogs / Perficient


JavaScript fournit diverses méthodes de console qui facilitent le débogage de votre code. Ces méthodes offrent des fonctionnalités allant au-delà de la simple journalisation et peuvent vous aider à inspecter les variables, à suivre le flux d’exécution et à organiser la sortie de votre console. Voici un aperçu de certaines méthodes de console couramment utilisées :

1. Console.log

Avec la méthode console.log, vous pouvez afficher des messages sur la console Web. En utilisant le console.log fonction, nous pouvons afficher une chaîne ou la valeur d’un objet JavaScript sur la console.

Syntaxe:

console.log(“log_message”);

Console.log

2. Console.info

Le prochain que nous examinerons est le console.info méthode. Cette méthode affiche les messages dans la console du navigateur et est également utilisée par les développeurs pour stocker des messages permanents dans la console.

Syntaxe:

console.info(“info_message”);

Console.info

3. Console.avertir

Pour imprimer des messages d’avertissement sur la console du navigateur, utilisez le Console.avertir commande. Nous pouvons également imprimer des objets JavaScript en utilisant console.avertir.

Syntaxe:

console.warn(‘warning_message’);

Le résultat de l’exemple ci-dessus est :

Console.avertir4. Console.erreur

Il est utilisé pour écrire des messages d’erreur sur la console du navigateur. Cela peut être utilisé lors de scénarios de développement où le développeur est sûr qu’il est lié à une erreur dans certains cas, afin que le message d’erreur puisse être consolé dans console.erreur.

Syntaxe:

console.error(‘error_message’);

Le résultat de l’exemple ci-dessus est :

console.erreur5. Console.assert

Il est utilisé dans la console pour imprimer des messages qui dépendent de conditions. Le console.assert La fonction envoie quelque chose à la console en fonction d’une condition.

Syntaxe:

console.assert(“condition”, “message”);

par exemple,

console.assert(document.getElementById("id"), "No element found with ID 'id'");

La console de l’exemple ci-dessus est :

console.assert6. Console.count

Le nombre de fois qu’une fonction est appelée dans la console est imprimé en utilisant cette approche.

Syntaxe:

console.count(‘count_label’);

par exemple,

for (j = 1; j <= 5; j++){
console.count('count_argument');
}

La console pour l’exemple ci-dessus sera :
Console.count

7. Console.countReset

Console.countReset est utilisé pour réinitialiser le compteur pour utiliser le console.count avec la même étiquette à nouveau.

Syntaxe:

console.countReset(‘count_label’);

par exemple,

console.count('Hello World');
console.count('Hello World');
console.count();
console.count();
console.count();
console.countReset();
for (let i = 0; i < 5; i++) {
console.count(i);
}
console.countReset()
console.count();
console.countReset();

Nous obtenons la console comme suit :
console.countReset8. Console.heure

Le console.time La méthode nous permet de surveiller la durée d’une action.

Syntaxe:

console.time(‘time_label’);

Le temps consommé par les blocs de code saisis après leur surveillance par le console.time fonction.

un. Console.timeLog

L’enregistrement de l’heure actuelle est obtenu à l’aide du console.timeLog fonction et affiché dans la console. Comme on peut le voir, console.timeLog rapporte l’horodatage actuel dans l’exemple ci-dessous.

Syntaxe:

console.timeLog(‘time_label’);

b. Console.timeEnd

Le console.time la fonction est terminée en utilisant le console.timeEnd méthode. Cela génère également le temps nécessaire pour exécuter les blocs de code.

Syntaxe:

console.timeEnd(‘time_label’);

Le suivi est effectué jusqu’au console.timeEnd.
par exemple,

console.time("time_label");
for(var j=0; j<5; j++) {
console.log(j);
}
console.timeLog("time_label");
for(var k=0; k<5; k++) {
console.log(k);
}
console.timeEnd("time_label");

La console de l’exemple ci-dessus est mentionnée ci-dessous :
Console.time

9. Console.groupe

Le console.group() Cette fonction peut être utilisée pour regrouper une console. Ce genre de situations peut survenir lorsque nous avons besoin d’en savoir plus sur le groupe dont la console fait partie. On peut utiliser console.groupe dans de tels scénarios. Le console.groupe peut être utilisé pour commencer à regrouper la console.

Syntaxe:

console.group(‘group_name’);

Nous pouvons également l’utiliser pour les groupes imbriqués.
par exemple,

console.group("First group");
console.log("In the first group");
console.group("second group");
console.log("In the second group");
console.groupEnd();
console.log("back to the first group");
console.groupEnd();

Nous obtenons la console comme suit :Console.groupe

10. Console.groupEnd

L’exemple ci-dessus montre l’utilisation de console.groupEnd commandes avec le console.groupe fonction. Le nom et l’exemple indiquent clairement que console.groupEnd indique la fin d’un console.groupe fonction.

Syntaxe:

console.groupEnd();

11. Console.table

Parfois, nous pouvons avoir besoin d’une console en forme de table pour rendre les choses plus évidentes. Le console.table La fonction est utilisée dans ces situations. La console apparaît sous forme de tableau une fois les paramètres envoyés sous forme de dictionnaires.

Syntaxe:

console.table({‘key_1’: value_1, ‘key_2’: value_2, …});

par exemple,

console.table({'name':'Kevin', 'age':'25', 'gender':'male'})

Pour l’exemple ci-dessus, nous obtenons la console comme :
Console.table

12. Console.clear

Pour nettoyer la console du navigateur, utilisez le Console.clear méthode. Cette fonctionnalité permet d’effacer la console des consoles précédentes sur la page pendant son chargement.

Syntaxe:

console.clear();

Certaines des méthodes de console JavaScript standard sont mentionnées ci-dessus. Pour les développeurs Web, la console JavaScript est un outil précieux. L’examen des fonctionnalités de la console deviendra de plus en plus important à mesure que vous en apprendrez davantage sur JavaScript.






Source link