Les variables : let et const

Une variable est un nom donné à une valeur. Après let score = 10, le mot score représente 10 jusqu'à ce que tu lui donnes autre chose.

Nommer une valeur pour la réutiliser

Jusqu'ici, chaque valeur était tapée directement dans console.log puis oubliée. Les vrais programmes doivent se souvenir de choses : le score du joueur, les articles d'un panier, le nom que quelqu'un a saisi. Une variable est une boîte nommée qui contient une valeur. Tu la crées une fois, puis tu utilises son nom partout où tu as besoin de la valeur.

let score = 10;
console.log(score);        // affiche 10
console.log(score + 5);    // affiche 15

La ligne let score = 10; fait deux choses. Le mot-clé let déclare une nouvelle variable appelée score, et = 10 y range la valeur 10. Ici, le signe égal ne veut pas dire « est égal à » comme en mathématiques. Il veut dire « range la valeur de droite dans le nom de gauche ». Les programmeurs appellent cela une affectation. Quand score apparaît plus tard sans guillemets, JavaScript va chercher la boîte et utilise la valeur qu'elle contient.

Changer une valeur avec let

Une variable déclarée avec let peut recevoir une nouvelle valeur plus tard. Tu écris le nom, un signe égal et la nouvelle valeur, cette fois sans let, car la variable existe déjà :

let score = 10;
score = 25;
console.log(score);        // affiche 25
score = score + 5;
console.log(score);        // affiche 30

La ligne score = score + 5; paraît impossible en mathématiques, mais lue comme une instruction, elle a du sens. JavaScript évalue d'abord le côté droit, le score actuel plus 5, soit 30. Puis il range 30 dans score. L'ancienne valeur disparaît. Ce motif, lire une variable puis y ranger une valeur mise à jour, est la façon dont les programmes comptent, additionnent des totaux et suivent tout ce qui change.

const pour les valeurs qui ne bougent pas

Le mot-clé const déclare aussi une variable, mais elle doit recevoir une valeur tout de suite et ne peut jamais en recevoir une nouvelle. Essayer de le faire arrête le programme avec TypeError: Assignment to constant variable. Cette erreur est utile. Si une valeur n'est pas censée changer, comme le nombre de jours dans une semaine ou un taux de taxe, la déclarer avec const empêche une erreur ailleurs dans le programme de l'écraser en silence.

const daysInWeek = 7;
console.log(daysInWeek * 4);   // affiche 28
// daysInWeek = 8;  arrêterait le programme avec une TypeError

Une bonne habitude, recommandée par de nombreux guides de style, consiste à utiliser const par défaut et à ne passer à let que lorsque tu sais que la valeur va changer. Tu verras peut-être aussi l'ancien mot-clé var dans du code sur le web. Il fonctionne encore, mais il suit des règles plus lâches qui provoquent des bugs surprenants : ce cours n'utilise donc que let et const.

Les règles pour les noms

Un nom de variable peut contenir des lettres, des chiffres, le tiret bas _ et le signe dollar $, mais il ne peut pas commencer par un chiffre ni contenir d'espaces. total2 convient donc, mais pas 2total. Les noms sont sensibles à la casse : score et Score sont deux variables différentes. Quelques mots comme let, const, if et for sont réservés par le langage et ne peuvent pas servir de noms. Quand un nom se compose de plusieurs mots, les programmeurs JavaScript l'écrivent en général en camelCase : le premier mot en minuscules et chaque mot suivant avec une majuscule, comme totalPrice ou daysInWeek. Choisis des noms qui disent ce que signifie la valeur ; price en apprend bien plus à un lecteur que x.

Déclarée mais vide, et utilisée trop tôt

Si tu écris let answer; sans valeur, la variable existe mais contient undefined jusqu'à ce que tu lui affectes quelque chose. Utiliser une variable let ou const sur une ligne située au-dessus de sa déclaration est une erreur : ReferenceError: Cannot access 'answer' before initialization. Utiliser un nom qui n'a jamais été déclaré donne ReferenceError: answer is not defined. En pratique, les deux messages disent la même chose : vérifie l'orthographe et vérifie que la déclaration vient en premier.