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.
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
-
Par défaut
const
: Commence par utiliserconst
pour toutes tes variables. Change seulement enlet
si tu constates que tu as besoin de réassigner la variable. -
Noms Descriptifs : Utilise des noms clairs et descriptifs pour tes variables. Par exemple,
userAge
est meilleur que justea
. -
Majuscules pour les Constantes : Pour les constantes véritables (comme PI), utilise des noms en majuscules avec des underscores :
const MAX_ARRAY_LENGTH = 100;
. -
Consistance : Si tu travailles dans une équipe, suis les conventions de l'équipe pour l'utilisation de
let
etconst
.
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