JavaScript Academy · Leçon

Parcourir le code pas à pas

Avancez au-dessus, à l’intérieur et à l’extérieur des fonctions.

Parcourir le code pas à pas est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 3 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.

Avancer pas à pas dans le code

Une fois arrêté sur un point d’arrêt, vous avancez pas à pas dans le code, opération par opération, pour observer les changements d’état ligne par ligne.

Reprendre

Le bouton de reprise poursuit l’exécution normale jusqu’au prochain point d’arrêt ou jusqu’à la fin du programme. Utilisez-le lorsque vous avez suffisamment examiné la pause actuelle.

Pas à pas sans entrer

Le pas à pas sans entrer exécute entièrement la ligne actuelle, y compris toute fonction qu’elle appelle, puis s’arrête à la ligne suivante de la même fonction. La fonction appelée n’est pas explorée.

function helper() {
  return 5
}
function main() {
  const a = helper()
  const b = a + 1
  return b
}

Entrer dans une fonction

Le pas à pas pour entrer dans une fonction ouvre l’appel de fonction présent sur la ligne actuelle et s’arrête à sa première instruction afin que vous puissiez la déboguer.

function helper() {
  const x = 10
  return x
}
function main() {
  return helper()
}

Sortir d’une fonction

Le pas à pas pour sortir termine la fonction actuelle et s’arrête à la ligne qui suit l’appel vous ayant conduit dans cette fonction. Utilisez-le pour quitter une fonction que vous n’avez plus besoin d’examiner.

Choisir une commande pas à pas

Utilisez le pas à pas sans entrer lorsqu’une fonction est fiable, entrez dans la fonction pour l’examiner et sortez-en lorsque vous avez confirmé que sa logique interne est correcte.

Volet de la pile d’appels

Pendant l’exécution pas à pas, le volet de la pile d’appels affiche la chaîne d’appels de fonctions qui a conduit à la ligne actuelle. Cliquez sur un cadre pour accéder à ce contexte.

Observer les changements d’état

À mesure que vous avancez, les volets Portée et Surveillance se mettent à jour, ce qui vous permet de voir exactement quelle ligne modifie une variable de manière inattendue.

Avancer pas à pas dans les boucles

Dans une boucle, l’exécution pas à pas répète le corps à chaque itération. Un point d’arrêt conditionnel est souvent plus rapide que de parcourir manuellement de nombreuses itérations.

function sumTo(n) {
  let total = 0
  for (let i = 1; i <= n; i++) {
    total += i
  }
  return total
}

Entrer dans le code des bibliothèques

Le pas à pas pour entrer dans une fonction peut vous conduire au code interne d’une bibliothèque. Les DevTools proposent une fonction permettant d’ignorer certains scripts répertoriés afin que vous restiez dans votre propre code.

Un processus courant

Définissez un point d’arrêt près d’un bogue soupçonné, puis avancez ligne par ligne en observant les variables jusqu’à trouver l’endroit où la réalité diverge de vos attentes.

Vérification rapide

Vérifiez vos connaissances de l’exécution pas à pas.

Récapitulatif

Récapitulatif : L’exécution pas à pas permet de parcourir le code de manière contrôlée.

Le pas à pas sans entrer exécute une ligne sans entrer dans les appels
Le pas à pas pour entrer ouvre la fonction appelée
Le pas à pas pour sortir termine la fonction actuelle
La pile d’appels montre comment vous êtes arrivé à cet endroit

Questions Fréquemment Posées

La leçon « Parcourir le code pas à pas » est-elle gratuite ?

Oui — le texte complet de « Parcourir le code pas à pas » 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 « Parcourir le code pas à pas » ?

Avancez au-dessus, à l’intérieur et à l’extérieur des fonctions. 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 3 sur 4.

Combien de temps prend la leçon « Parcourir le code pas à pas » ?

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