Chapitre 4 : Variables et constantes

1. Qu'est-ce qu'une variable ?

Une variable est un conteneur permettant de stocker des données : texte, nombre, booléen, etc.

On lui donne un nom pour pouvoir la réutiliser plus tard.

let nom = "Alice";
console.log(nom); // affiche Alice

2. Déclarer une variable avec let

let age = 30;
let ville = "Paris";

Le mot-clé let permet de déclarer une variable qui peut changer de valeur.

3. Modifier une variable

let score = 10;
score = 15; // nouvelle valeur
console.log(score);

4. Déclarer une constante avec const

Une constante est une variable dont la valeur ne peut plus changer après déclaration.

const pays = "France";
// pays = "Espagne"; ❌ ERREUR

5. Et var ?

var est l'ancienne manière de déclarer une variable. Elle est encore supportée, mais on lui préfère let et const car var a un comportement spécial lié à sa portée.

var nom = "Marie";

6. Les noms de variables

Quelques règles importantes :

• Doivent commencer par une lettre, _ ou $
• Pas d'espace ni de tiret
• Sensible à la casse : prenom ≠ Prenom
• Utilise la notation camelCase : nomComplet, dateDeNaissance

7. Valeurs réaffectées et erreurs

Avec let :

let x = 5;
x = 10; // OK

Avec const :

const y = 20;
y = 30; // ❌ Erreur !

8. Affichage avec console.log()

let nom = "Lucie";
console.log("Bonjour " + nom);

Autre façon : les backticks (template string)

let age = 25;
console.log(`J'ai ${age} ans.`);

Exercice pratique

Crée un fichier variables.js contenant :

// Déclaration de variables
let nom = "Paul";
const pays = "Belgique";
let age = 32;

// Affichage
console.log(nom);
console.log(pays);
console.log(age);

// Changement de valeur
age = 33;
console.log("Nouvel âge :", age);

// pays = "France"; // essaie de décommenter pour voir l'erreur

Puis relie ce fichier à une page index.html :

<script src="variables.js"></script>

Ouvre la page dans ton navigateur, et observe la console avec F12 > Console.

Résumé

• let : variable modifiable
• const : valeur fixe, non modifiable
• var : ancienne syntaxe (à éviter)
• Utilise console.log() pour afficher le contenu
• Respecte les conventions de nommage pour plus de lisibilité