JavaScript : Utilisation de l’objet console

javascript_logo_300x300

Lorsqu'on développe en JavaScript on utilise régulièrement console.log(), mais il existe également beaucoup d'autres méthodes de l'objet console qui peuvent être très utiles. En voici une liste non exhaustive.

- console.assert(assertion, message)

Cette méthode permet d'afficher un message dans la console de manière conditionnelle. Si l'assertion est fausse alors le message passé en deuxième paramètre s'affiche, sinon rien ne se passe.

var list = document.querySelector('#maList');
console.assert(list.childNodes.length < 10, "La liste contient moins de 10 éléments");

- console.table(object)

Cette fonction permet d'afficher un objet sous la forme d'un tableau

var netapsys = ['Lyon', 'Paris', 'Nantes', 'Strasbourg', 'Antananarivo'];
console.table(netapsys);

table

- console.group(message)

La méthode console.group(message) groupe tous les logs qui suivent jusqu'à l'appel de la méthode console.groupEnd().

On peut également utiliser console.groupCollapsed(message) qui permet de regrouper les messages dans une liste dont l'affichage est réduit par défaut.

console.log("Niveau 1");
console.group();
console.log("Niveau 2");
console.group();
console.log("Niveau 3");
console.groupEnd();
console.groupCollapsed();
console.log("Un autre niveau 3");
console.groupEnd();
console.log("Retour niveau 2");
console.groupEnd();
console.debug("Retour niveau 1");

group

- console.time(name)

Cette méthode permet de démarrer un timer qui va décompter les millisecondes jusqu'à l'appel de console.timeEnd(name).

console.time("test");
alert("Click to continue");
console.timeEnd("test");

timer

- console.trace()

Cette méthode permet de retracer la pile des appels effectués.

foo();
function foo() {
   function bar() {
      console.trace();
   }
   bar();
}

trace

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.