Instructions JavaScript
Vous savez déjà envoyer un résultat vers la page, une boîte de dialogue ou seulement la Console. Regardons maintenant les unités de travail dans un script : les instructions (statements). Chaque instruction est une tâche complète. Plusieurs instructions s’exécutent de haut en bas, sauf si des outils de contrôle de flux changent le chemin plus tard.
Qu’est-ce qu’une instruction JavaScript et comment en écrire plusieurs ?
Une instruction est une tâche complète que le navigateur exécute — par exemple journaliser une valeur ou mettre à jour un élément. Dans ce cours, terminez chaque instruction par un point-virgule (;). Écrivez-les dans l’ordre où vous voulez qu’elles s’exécutent. Espaces et retours à la ligne aident les humains ; ils ne changent pas le sens si les instructions restent claires. Quand plusieurs instructions vont ensemble, mettez-les entre accolades { } — ce groupe est un bloc de code.
Règles des instructions en un coup d’œil
📊 Comment penser les instructions en débutant
| Idée | Ce que cela signifie pour vous |
|---|---|
| Une instruction | Une tâche complète (puis ; dans ce cours) |
| Point-virgule | Termine l’instruction — prenez-en l’habitude |
| Séquence | De haut en bas : les lignes précédentes finissent d’abord |
| Espaces | Espaces et lignes vides aident à lire ; ce n’est pas une « syntaxe en plus » |
| Retour à la ligne | Vous pouvez couper une longue instruction si elle reste claire |
Bloc { } |
Un groupe d’instructions traité comme une unité (vous en verrez souvent) |
Une instruction
Commencez par une seule tâche. Le point-virgule la ferme. La Console montre le résultat pour vous — les visiteurs ont encore besoin d’une mise à jour de page si c’est le but (session précédente).
console.log("One statement");
Bonnes habitudes
- Préférez un travail clair par instruction pendant l’apprentissage
- Mettez
;à la fin même si le moteur devine parfois - Lisez la ligne à voix haute : si ce n’est pas encore une tâche complète, vous n’avez pas fini
Plusieurs instructions — l’ordre compte
Le moteur exécute les instructions dans l’ordre. Le premier console.log se termine avant que le second ne commence. Inversez les lignes et l’ordre de la Console s’inverse aussi.
console.log("First");
console.log("Second");
console.log("Third");
Sur la page, même règle : une instruction plus tôt qui pose du texte s’exécute avant une plus tardive qui le change. L’ordre fait partie du sens.
Plus d’une instruction sur une ligne
Vous pouvez mettre deux instructions courtes sur une ligne si chacune a son point-virgule. Les fichiers lisibles gardent souvent une instruction par ligne. Partagez une ligne seulement quand les deux étapes sont minuscules et vraiment liées.
console.log("A"); console.log("B");
Espaces et retours à la ligne
Espaces en trop et lignes vides ne créent pas de nouvelles instructions. Couper une longue instruction sur plusieurs lignes va bien si les morceaux forment encore une tâche claire. Ne « réparez » pas un bug en effaçant tous les espaces — corrigez la logique ou le point-virgule manquant.
console.log(
"Still one statement"
);
console.log("Next statement");
Blocs de code — instructions entre accolades
Les accolades { } regroupent des instructions en un bloc. Vous en verrez bientôt dans les fonctions, les tests if et les boucles. Pour l’instant, un bloc signifie « ces instructions voyagent ensemble ».
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
Les deux instructions dans les accolades s’exécutent dans l’ordre. Le titre finit sur « Step two — last wins » car cette affectation est la dernière. Les accolades ne changent pas la règle haut→bas ; elles regroupent seulement le travail.
À vous d’essayer
- Exécutez les trois lignes
console.log; puis inversez la première et la dernière et vérifiez l’ordre dans la Console. - Mettez deux logs courts sur une ligne avec deux points-virgules ; puis remettez-les sur deux lignes pour la lisibilité.
- Coupez un log de chaîne sur deux lignes comme dans l’exemple d’espaces — une seule instruction.
- Ouvrez la démo HTML du bloc ; changez la chaîne de la seconde affectation et rechargez.
- Optionnel : retirez un point-virgule exprès, notez le message Console, remettez-le.
Erreurs fréquentes
- Croire que les espaces ou lignes vides sont le programme (ils ne font que façonner la lecture)
- Supposer que les lignes plus bas s’exécutent avant les précédentes
- Omettre le point-virgule « parce que ça a marché une fois », puis buter sur un cas d’insertion automatique confus
- Mélanger cette session avec la Sortie : les instructions sont des tâches ; la Sortie était où le résultat apparaît
- Attendre déjà Syntax (session suivante) — littéraux, identifiants et casse sont là-bas
Résumé
- Une instruction est une tâche complète
- Terminez les instructions par
;dans ce cours - Plusieurs instructions s’exécutent de haut en bas
- Espaces et retours aident les humains ; ils n’inventent pas de nouvelles instructions
{ }regroupe des instructions en un bloc de code- Ensuite : Syntax — comment écrire valeurs et noms dans ces instructions
🧠 Testez Vos Connaissances
Testez Vos Connaissances
Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet
📝 Instructions
- Lisez chaque question attentivement
- Sélectionnez la meilleure réponse pour chaque question
- Vous pouvez refaire le quiz autant de fois que vous le souhaitez
- Votre progression sera affichée en haut