TypeScript - let et const : Un guide pour débutant

Salut là, futur super star du codage ! Aujourd'hui, nous allons plonger dans le monde passionnant de TypeScript et explorer deux concepts fondamentaux : let et const. Ne t'inquiète pas si tu n'as jamais écrit une ligne de code auparavant - je serai ton guide amical à travers cette aventure.

TypeScript - let & const

Comprendre les Variables : Les Briques de la Programmation

Avant de nous pencher sur let et const, parlons des variables. Imagine que tu organises une fête d'anniversaire. Tu dois garder trace de choses comme le nombre d'invités, le goût du gâteau et le thème de la fête. En programmation, nous utilisons des variables pour stocker et gérer ce genre d'informations.

Les variables sont comme des boîtes étiquetées où nous pouvons mettre différents types de données. Nous pouvons changer ce qu'il y a à l'intérieur de ces boîtes (la valeur de la variable) pendant que notre programme s'exécute.

Maintenant, explorons comment TypeScript nous donne deux moyens spéciaux pour créer ces boîtes : let et const.

Déclarer une Variable en Utilisant le Mot-clé let

Qu'est-ce que let ?

Le mot-clé let est utilisé pour déclarer des variables qui peuvent être réassignées plus tard dans ton code. C'est comme un contenant réutilisable qui peut contenir différentes valeurs au fil du temps.

Comment Utiliser let

Regardons quelques exemples :

let age = 25;
console.log(age); // Output : 25

age = 26;
console.log(age); // Output : 26

let name = "Alice";
console.log(name); // Output : Alice

name = "Bob";
console.log(name); // Output : Bob

Dans cet exemple, nous déclarons d'abord une variable age et lui attribuons 25. Plus tard, nous la changeons en 26. De même, nous déclarons name comme "Alice" puis la changeons en "Bob". Le mot-clé let nous permet de réassigner ces variables.

Portée de Bloc

Une fonctionnalité importante de let est la portée de bloc. Cela signifie qu'une variable déclarée avec let n'est accessible que dans le bloc dans lequel elle est déclarée. Un bloc est généralement défini par des accolades {}.

if (true) {
let secretCode = 1234;
console.log(secretCode); // Output : 1234
}
console.log(secretCode); // Error : secretCode is not defined

Dans cet exemple, secretCode n'est accessible que dans le bloc if. Essayez de l'utiliser à l'extérieur et vous obtiendrez une erreur.

Déclarer une Variable en Utilisant le Mot-clé const

Qu'est-ce que const ?

Le mot-clé const est utilisé pour déclarer des variables qui ne peuvent pas être réassignées après leur initialisation. Pense à cela comme une boîte scellée - une fois que vous y avez mis quelque chose, vous ne pouvez pas le changer.

Comment Utiliser const

Regardons quelques exemples :

const PI = 3.14159;
console.log(PI); // Output : 3.14159

PI = 3.14; // Error : Cannot assign to 'PI' because it is a constant.

const DAYS_IN_WEEK = 7;
console.log(DAYS_IN_WEEK); // Output : 7

Dans ces exemples, nous déclarons des constantes pour PI et le nombre de jours dans une semaine. Si nous tentons de réassigner une nouvelle valeur à PI, TypeScript lancera une erreur.

const avec des Objets et des Tableaux

Il est important de noter que bien que const empêche la réassignation, il ne rend pas la valeur elle-même immuable. Cela est particulièrement pertinent pour les objets et les tableaux :

const person = {
name: "Charlie",
age: 30
};

person.age = 31; // Cela est permis
console.log(person); // Output : { name: "Charlie", age: 31 }

person = { name: "David", age: 25 }; // Error : Cannot assign to 'person' because it is a constant.

Dans cet exemple, nous pouvons modifier les propriétés de l'objet person, mais nous ne pouvons pas réassigner person à un nouvel objet complètement différent.

Quand Utiliser let vs const

Voici un guide rapide sur quand utiliser l'un ou l'autre :

Mot-clé Cas d'Utilisation
let Lorsque vous avez besoin de réassigner la variable plus tard
Pour les compteurs de boucles
Lorsque la valeur pourrait changer en fonction de conditions
const Pour des valeurs qui ne devraient pas être réassignées
Pour déclarer des constantes (comme PI)
Pour des références d'objets et de tableaux qui ne seront pas réassignées

Meilleures Pratiques et Conseils

  1. Par défaut const : Commence par utiliser const pour toutes tes variables. Change seulement en let si tu constates que tu as besoin de réassigner la variable.

  2. Noms Descriptifs : Utilise des noms clairs et descriptifs pour tes variables. Par exemple, userAge est meilleur que juste a.

  3. Majuscules pour les Constantes : Pour les constantes véritables (comme PI), utilise des noms en majuscules avec des underscores : const MAX_ARRAY_LENGTH = 100;.

  4. Consistance : Si tu travailles dans une équipe, suis les conventions de l'équipe pour l'utilisation de let et const.

Conclusion

Félicitations ! Tu viens de faire tes premiers pas dans le monde des variables TypeScript. Souviens-toi, let est ton ami flexible qui permet la réassignation, tandis que const est ton compagnon fidèle pour les valeurs qui ne devraient pas changer.

En continuant ton parcours de codage, tu vas utiliser ces mots-clés tout le temps. Ne t'inquiète pas si c'est un peu confus au début - avec la pratique, cela deviendra une seconde nature.

Continue de coder, reste curieux, et souviens-toi : chaque expert a déjà été un débutant. Bonne chance avec TypeScript !

Credits: Image by storyset