JavaScript Academy · Leçon

Au-delà de console.log

Utilisez table, group, warn, error et assert.

Au-delà de console.log est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 4 leçons au total.

Bien plus que log

L’objet console propose de nombreuses méthodes en plus de console.log. Chacune exprime une intention différente et peut afficher les résultats de manière utile.

console.log("plain message")
console.info("informational")

console.warn

console.warn émet un avertissement. Dans un navigateur, il apparaît avec une mise en évidence jaune, signalant un problème non bloquant qui mérite votre attention.

console.warn("This API is deprecated")

console.error

console.error signale une erreur. Son affichage est distinct et, dans les navigateurs, il inclut une trace de pile pour vous aider à localiser le problème.

console.error("Failed to load data")

console.info et debug

console.info et console.debug se comportent comme log, mais indiquent un niveau de gravité. Les outils peuvent filtrer les messages selon ces niveaux.

console.info("Server started")
console.debug("Cache size is 42")

console.table

console.table affiche les tableaux et les objets sous forme de tableau mis en forme, ce qui facilite grandement l’examen des données structurées par rapport à un simple journal.

const users = [
  { name: "Ann", age: 30 },
  { name: "Bob", age: 25 }
]
console.table(users)

console.group

console.group démarre une section repliable et indentée. Les messages journalisés ensuite y sont imbriqués jusqu’à l’appel de console.groupEnd.

console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()

Groupes imbriqués

Les groupes peuvent être imbriqués les uns dans les autres pour refléter une hiérarchie, chaque niveau ajoutant une indentation supplémentaire.

console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()

console.assert

console.assert journalise une erreur uniquement lorsque son premier argument est faux. C’est un moyen rapide de signaler des hypothèses erronées sans interrompre l’exécution.

const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")

console.count

console.count suit le nombre d’exécutions d’une ligne portant une étiquette, ce qui est pratique pour repérer des appels répétés de manière inattendue.

function ping() {
  console.count("ping")
}
ping()
ping()
ping()

console.time

console.time et console.timeEnd mesurent la durée d’exécution d’un bloc de code et affichent le temps écoulé avec une étiquette correspondante.

console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")

Choisir la bonne méthode

Utilisez warn et error pour les problèmes, table pour les données structurées, group pour organiser les journaux associés et assert pour vérifier les hypothèses. Une journalisation claire accélère le débogage.

console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])

Vérification rapide

Vérifiez vos connaissances des méthodes de console.

Récapitulatif

Récapitulatif : L’objet console propose de nombreuses méthodes en plus de log.

warn et error indiquent la gravité
table affiche les données structurées
group organise les journaux imbriqués
assert signale les conditions non vérifiées

console.table([{ a: 1 }, { a: 2 }])
console.warn("done")

Questions Fréquemment Posées

La leçon « Au-delà de console.log » est-elle gratuite ?

Oui — le texte complet de « Au-delà de console.log » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Au-delà de console.log » ?

Utilisez table, group, warn, error et assert. Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer JavaScript Academy ?

Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.

Combien de temps prend la leçon « Au-delà de console.log » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?

Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

← Retour à JavaScript Academy