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.