Chargement...

Variables JavaScript

Vous connaissez déjà les commentaires : des notes pour les humains, pas un stockage pour le programme. Place aux variables — des boîtes nommées qui gardent une valeur pour ne pas retaper sans cesse le même nombre ou texte.

Qu’est-ce qu’une variable JavaScript et comment la déclarer ?

Une variable est un nom qui détient une valeur. Avec let ou const, vous créez le nom (déclaration), puis vous mettez une valeur avec =. Ensuite vous utilisez ce nom au lieu de répéter la valeur. Si elle peut changer plus tard, prenez let ; si elle doit rester après la première affectation, const. Dans d’anciens exemples vous verrez parfois var ; pour débuter dans ce cours, let et const suffisent et sont préférés.

Quel mot-clé choisir ?

📊 Choisir let, const ou var en débutant

Mot-clé Exemple Conseil débutant
let let score = 10; Créez un nom ; vous pourrez lui donner une nouvelle valeur plus tard
const const city = "Oslo"; Créez un nom ; ne le réaffectez pas après la première valeur
var var old = 1; Ancien style ; ça marche, mais ici préférez let / const
Signe = score = 15; Place une valeur dans un nom déjà déclaré avec let
Lire le nom console.log(score); Récupère la valeur stockée — le nom tient lieu des données

Déclarer avec let et voir la valeur

let crée le nom. Le premier = y place la valeur. console.log l’affiche dans la console.

let avec une chaîne

javascript 
let greeting = "Hello";
console.log(greeting);

Déclarer avec const

const stocke aussi une valeur ; considérez la première affectation comme définitive pour ce nom.

const avec une étiquette fixe

javascript 
const course = "JavaScript";
console.log(course);

Modifier une valeur let

Avec let, vous pouvez écrire = à nouveau. Le nom reste ; seul le contenu change.

Réaffecter un let

javascript 
let score = 10;
score = 15;
console.log(score);

La console affiche 15 : l’affectation suivante a remplacé 10.

D’abord le nom, ensuite la valeur

Parfois vous écrivez seulement let status; puis vous affectez à la ligne suivante. Tant que rien n’est dedans, ne l’utilisez pas comme s’il avait déjà une valeur utile.

Déclarer puis affecter

javascript 
let status;
status = "Ready";
console.log(status);

Deux noms dans une expression

Les noms peuvent apparaître dans une expression. Le moteur lit chaque valeur stockée puis calcule le résultat.

deux variables dans une expression

javascript 
let a = 2;
let b = 3;
console.log(a + b);

Afficher la valeur sur la page

Gardez le texte dans une variable, puis passez ce nom à textContent. Changez seulement la chaîne dans la variable et rechargez : le titre suit.

Texte de page depuis une variable

html 
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>

Le titre montre ce que contient message. La variable est le conteneur réutilisable ; la ligne DOM ne fait qu’afficher le résultat — compétence déjà pratiquée.

À vous de jouer

  1. Créez un let avec votre nom en chaîne, journalisez, affectez une autre chaîne et journalisez encore.
  2. Créez un const pour un nom de ville et journalisez. Ne réaffectez pas ; en cas d’essai, une erreur apparaît — retirez cette ligne.
  3. Écrivez let total;, puis total = 5; et journalisez total.
  4. Deux nombres avec let et leur somme avec +.
  5. Dans la démo HTML, changez seulement la chaîne de message, rechargez et vérifiez le titre.

Erreurs fréquentes

  • Utiliser le nom avant de le déclarer (ou avant toute valeur utile)
  • Écrire const score = 1; puis score = 2; — const refuse
  • Mettre le nombre seulement dans un commentaire et espérer que le programme « s’en souvienne » — un commentaire ne stocke pas
  • Croire que chaque exemple doit utiliser var — ce cours préfère let et const
  • Noms illégaux ou confus (espaces, chiffre en tête) — revoir les identifiants dans Syntaxe

Résumé

  • Une variable est une boîte nommée pour une valeur réutilisable
  • Déclarez avec let ou const, affectez avec =
  • Réaffectez avec let ; gardez const fixe après la première valeur
  • Pour du code débutant, préférez let et const à l’ancien var
  • Ensuite : les types de données — quelles sortes de valeurs une variable peut contenir

🧠 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

❓
7
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 7 de 7
Javascript Tutoriel