2.4 Let & const

Dans cette vidéo, nous parlons de deux mots-clés JavaScript que vous allez croiser très souvent dans le cours React : let et const. Avant ES6, on déclarait toutes les variables avec var, mais ES6 a introduit deux nouveaux mots-clés plus modernes et plus sûrs. Comprendre leur différence est essentiel pour écrire du code React propre.

Quand utiliser quoi ?

  • var : ancien mot-clé, fonctionne mais à éviter.
  • let : variable dont la valeur peut changer.
  • const : valeur fixe, jamais réaffectée.
  • En React moderne, on n'utilise plus var.

let est en quelque sorte la version moderne de var, utilisée pour les valeurs amenées à changer. const sert quant à lui aux constantes : une fois la valeur affectée, toute tentative de réassignation provoque une erreur. C'est utile, car cela force le développeur à être clair sur l'intention du code et permet de détecter des bugs au plus tôt. 

let myName = "Mathieu";
myName = "Lucie";       // OK avec let
console.log(myName);    // "Lucie"

const constName = "Mathieu";
constName = "Lucie";    // Erreur : réaffectation impossible

Vous pouvez tester ces exemples sur jsbin.com en activant l'onglet JavaScript et la console. Si vous remplacez let par const puis essayez de réaffecter, vous obtenez immédiatement une erreur. Cette rigueur, loin d'être gênante, est une vraie aide à la qualité du code. Retenez la règle : utilisez const par défaut, et let uniquement si vous savez que la valeur va changer.

En résumé

Cette leçon explique les deux mots-clés ES6 pour déclarer des variables en JavaScript : `let` et `const`. `Let` remplace `var` de manière moderne pour les variables qui peuvent changer de valeur, tandis que `const` est utilisé pour les constantes, dont la valeur ne doit jamais être réassignée. La leçon démontre avec des exemples pratiques dans un éditeur web comment `const` génère une erreur si on tente de réassigner une valeur, permettant ainsi de détecter des bugs.

Points clés

  • let et const sont les mots-clés modernes d'ES6 pour remplacer var
  • let s'utilise pour les variables qui changent de valeur
  • const s'utilise pour les valeurs constantes qui ne doivent jamais être réassignées
  • Les constantes sont plus fréquentes qu'on ne le croit en programmation
  • const génère une erreur (TypeError) lors d'une tentative de réaffectation, prévenant les bugs
  • var fonctionne toujours mais est fortement déconseillé au profit de let et const

Questions fréquentes

Quelle est la différence entre let et const ?

let est utilisé pour les variables dont la valeur peut changer au cours de l'exécution du programme, tandis que const est réservé aux valeurs constantes qui ne seront jamais réassignées après leur initialisation.

Pourquoi déconseille-t-on l'utilisation de var ?

var est l'ancienne façon de déclarer des variables en JavaScript. ES6 a introduit let et const comme alternatives plus modernes, plus sûres et plus claires, qui sont donc fortement encouragées pour tout code nouveau.

Que se passe-t-il si on tente de réassigner une valeur à une constante ?

Une erreur TypeError est générée (message : « réaffectation d'une variable constante »). Cela aide le développeur à détecter une erreur de logique ou une inadvertance dans le code.