JavaScript Academy · Leçon

Lire les traces de pile

Remontez des erreurs jusqu’à leur source.

Lire les traces de pile est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 4 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.

Qu’est-ce qu’une trace de pile

Une trace de pile est la liste des appels de fonctions actifs au moment où une erreur s’est produite. Elle montre le chemin suivi par le programme jusqu’à l’échec.

Lire de haut en bas

Le cadre supérieur d’une trace correspond à l’endroit où l’erreur a été levée. Chaque ligne en dessous montre l’appelant, jusqu’au point d’entrée initial du programme.

Anatomie d’un cadre

Chaque cadre indique généralement une fonction, puis le fichier, le numéro de ligne et la colonne où l’appel a eu lieu. Cela permet de localiser précisément le problème.

Le message d’erreur

Au-dessus des cadres se trouvent le nom et le message de l’erreur, comme un TypeError décrivant ce qui s’est mal passé. Lisez-les en premier : ils expliquent souvent la cause.

function getName(user) {
  return user.name
}
// calling getName with undefined would throw a TypeError
console.log("Reading the message tells you what failed")

Suivre la chaîne d’appels

En lisant vers le bas, vous reconstituez la séquence : quelle fonction en a appelé quelle autre, jusqu’à la ligne qui a échoué.

Votre code et celui des bibliothèques

Les traces incluent souvent des cadres provenant de bibliothèques. Concentrez-vous sur le cadre le plus haut appartenant à vos propres fichiers source, car c’est généralement là que se trouve la correction.

Traces de pile asynchrones

Les DevTools reconstituent les appels asynchrones, en affichant le contexte d’origine d’une promesse ou d’un minuteur afin que la trace ne soit pas interrompue à la limite entre les deux.

Générer manuellement une trace

console.trace affiche la pile d’appels actuelle sans lever d’erreur, ce qui vous aide à voir comment une fonction a été atteinte.

function inner() {
  console.trace("reached inner")
}
function outer() {
  inner()
}
outer()

Propriété de pile d’une erreur

Un objet Error contient une propriété stack qui renferme la trace sous forme de texte ; vous pouvez la journaliser ou l’envoyer à un service de signalement d’erreurs.

const err = new Error("Something failed")
console.log(typeof err.stack)

Code minifié et cartes source

Le code de production est souvent minifié, ce qui rend les traces difficiles à comprendre. Les cartes source reconvertissent les emplacements du code minifié vers vos fichiers d’origine pour obtenir des traces lisibles.

De la trace à la correction

Combinez le message, le cadre utilisateur supérieur et le numéro de ligne pour localiser le bogue. Examinez ensuite les variables à cet endroit afin de confirmer la cause.

Vérification rapide

Vérifiez vos connaissances des traces de pile.

Récapitulatif

Récapitulatif : Les traces de pile révèlent le chemin menant à une erreur.

Le cadre supérieur indique où l’erreur a été levée
Les cadres inférieurs correspondent aux appelants
Concentrez-vous sur le cadre le plus haut de votre propre code
Les cartes source rendent les traces minifiées lisibles

const err = new Error("fail")
console.log(typeof err.stack)

Questions Fréquemment Posées

La leçon « Lire les traces de pile » est-elle gratuite ?

Oui — le texte complet de « Lire les traces de pile » 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 « Lire les traces de pile » ?

Remontez des erreurs jusqu’à leur source. 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 4 sur 4.

Combien de temps prend la leçon « Lire les traces de pile » ?

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