Chargement...

Syntaxe JavaScript

Vous savez déjà qu’une instruction est une tâche complète, souvent terminée par un point-virgule. Regardons maintenant à l’intérieur : la syntaxe — les règles pour écrire valeurs et noms afin que le navigateur accepte le code.

Qu’est-ce que la syntaxe JavaScript et quelles pièces un débutant écrit-il d’abord ?

La syntaxe est l’ensemble des règles pour écrire un JavaScript que le moteur peut lire. Au début, vous écrivez surtout des littéraux (valeurs fixes : nombres et texte entre guillemets), des identifiants (noms que vous inventez) et des expressions (petites recettes qui produisent une valeur dans une instruction). JavaScript est sensible à la casse : score et Score sont des noms différents. Ouvrez et fermez les chaînes avec le même type de guillemets.

Pièces de syntaxe en un coup d’œil

📊 Pièces que le débutant rencontre d’abord

Pièce Exemple Ce que cela signifie pour vous
Littéral 42 ou "Hi" Une valeur écrite directement dans le code
Guillemets "Hello" ou 'Hi' Marquent le texte ; ouverture et fermeture doivent correspondre
Identifiant userName Un nom que vous inventez (lettres, chiffres, _, $ ; ne pas commencer par un chiffre)
Casse total ≠ Total Même orthographe, casse différente → noms différents
Expression 2 + 3 ou "A" + "B" Construit une valeur qu’une instruction peut utiliser
Instruction (rappel) console.log(2 + 3); Une tâche complète qui utilise ces pièces

Littéraux — valeurs écrites sur place

Un littéral est une valeur que vous tapez directement. Les nombres n’ont pas besoin de guillemets. Le texte (une chaîne) se place entre guillemets simples ou doubles assortis.

Littéraux nombre et chaîne

javascript 
console.log(42);
console.log("Hello");
console.log('Also a string');

Habitudes pour les littéraux

  • Nombres : écrivez des chiffres (et un point décimal si besoin)
  • Chaînes : choisissez " ou ' et fermez avec le même type
  • Ne mettez pas de guillemets autour d’un nombre ordinaire sauf si vous voulez vraiment du texte

Identifiants — des noms que vous inventez

Un identifiant est un nom pour quelque chose dans le programme. Vous l’utiliserez beaucoup avec les variables. Pour l’instant, les règles d’écriture : commencer par une lettre, _ ou $ ; puis lettres, chiffres, _ ou $. Évitez espaces et tirets dans le nom.

Identifiants qui portent des littéraux

javascript 
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);

let introduit un nom. À droite, des littéraux ; city et year sont des identifiants. Les règles profondes de déclaration viennent dans Variables — ici l’essentiel est comment on écrit les noms.

Sensibilité à la casse

JavaScript traite les majuscules comme significatives. color et Color sont deux identifiants différents. Erreur fréquente : le code « a l’air juste » mais ce nom n’existe pas.

Mêmes lettres, noms différents

javascript 
let color = "teal";
console.log(color);
// console.log(Color);  // erreur si Color n’a jamais été créé

Expressions dans les instructions

Une expression produit une valeur. Une instruction est la tâche complète qui fait quelque chose avec cette valeur (par exemple l’afficher). Vous écrivez déjà des instructions ; la syntaxe nomme les pièces à l’intérieur.

Expressions utilisées dans des instructions

javascript 
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);

2 + 3 est une expression (valeur 5). console.log(2 + 3); est l’instruction qui l’affiche. Les opérateurs comme + et * auront leurs séances ; ici, voyez seulement que les expressions vivent dans les instructions.

Littéraux sur la page

Les visiteurs voient des valeurs quand une instruction met à jour la page. La chaîne que vous assignez reste un littéral — syntaxe et sortie travaillent ensemble.

Un littéral de chaîne met à jour un titre

html 
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>

L’affectation se termine par un point-virgule. À droite, "Syntax works" est un littéral de chaîne. Des guillemets incomplets ou un getElementById mal orthographié cassent la syntaxe ou la recherche du nom.

Essayez vous-même

  1. Affichez un littéral nombre et un littéral chaîne ; changez les deux et relancez.
  2. Créez let label = "OK";, affichez-le, puis renommez l’identifiant aux deux endroits.
  3. Changez label en Label à un seul endroit et vérifiez l’erreur Console ; corrigez la casse.
  4. Affichez "Hi" + "!" et 7 - 2 ; chaque expression est dans une instruction.
  5. Ouvrez la démo HTML ; changez la chaîne entre guillemets de textContent et rechargez.

Erreurs fréquentes

  • Laisser une chaîne sans guillemet de fermeture assorti
  • Croire que score et Score sont le même nom
  • Commencer un identifiant par un chiffre (1name) ou mettre des espaces dans le nom
  • Confondre avec les instructions : l’ordre et les blocs { } étaient la leçon précédente ; ici l’accent est sur valeurs et noms
  • Attendre déjà tout le cours Variables — let ne sert qu’à montrer de vrais identifiants

Résumé

  • La syntaxe est le règlement d’un JavaScript valide
  • Les littéraux sont des valeurs écrites directement (nombres ; chaînes entre guillemets)
  • Les identifiants sont des noms ; orthographe et casse comptent
  • Les expressions construisent des valeurs ; les instructions les utilisent
  • Ensuite : Comments — notes pour les humains que le moteur ignore

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓
6
Questions
🎯
70%
Pour Réussir
♾️
∞
Temps
🔄
∞
Tentatives

📝 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
Sujet 5 de 6
Javascript Tutoriel