Lorsque vous travaillez avec JavaScript, l'une des premières choses que vous apprendrez est de savoir comment déclarer des variables. Les variables sont comme des conteneurs qui stockent des informations, telles que des nombres, du texte ou même des données complexes. En JavaScript, il existe trois manières de déclarer des variables : const, let et var. Chacun d’entre eux a ses propres règles et bonnes pratiques, ce qui peut paraître un peu déroutant au début. Dans cet article, nous le détaillerons avec des exemples simples pour vous aider à comprendre quand et comment utiliser chacun d'eux.

Exemple de code

Commençons par examiner un simple morceau de code :

`javascript
const accountId = 14423;
var accountEmail = "[email protected]";
laissez accountPassword = "12345";
compteCity = "jamshedpur";
laisser le compteRoll;

// identifiant de compte = 13242 ; // Non autorisé - générera une erreur

console.table([accountEmail, accountId, accountRoll, accountPassword]);
`

Comprendre const

La première variable que nous avons déclarée est accountId en utilisant const. Le mot clé const est utilisé lorsque vous souhaitez déclarer une variable dont la valeur ne doit jamais changer. Une fois que vous attribuez une valeur à une variable const, vous ne pouvez pas la réaffecter à autre chose. Par exemple:

const accountId = 14423;
accountId = 13242; // This will throw an error!

Dans l'exemple ci-dessus, essayer de réaffecter accountId provoquera une erreur car les variables const sont immuables après leur affectation initiale.

Points clés sur const :

• Ne peut pas être réaffecté : Une fois qu'une valeur est affectée à une variable const, elle ne peut pas être modifiée.
• Portée du bloc : La variable n'est accessible que dans le bloc dans lequel elle est déclarée (par exemple, dans {}).

Comprendre laissez

Ensuite, nous avons accountPassword déclaré en utilisant let. Le mot clé let est utilisé lorsque vous souhaitez déclarer une variable dont la valeur pourrait changer ultérieurement. Contrairement à const, vous pouvez réaffecter une variable let :

let accountPassword = "12345";
accountPassword = "67890"; // This is perfectly fine!

Cependant, comme const, let a également une portée de bloc, ce qui signifie qu'il n'est accessible que dans le bloc dans lequel il a été déclaré.

Points clés sur la location :

• Peut être réaffecté : Vous pouvez modifier la valeur d'une variable let une fois qu'elle a été attribuée.
• Portée du bloc : La variable n'est accessible que dans le bloc dans lequel elle est déclarée.

Comprendre la variable

Enfin, parlons de var, c'est ainsi que nous avons déclaré accountEmail. var est l'ancienne façon de déclarer des variables en JavaScript. Il présente quelques différences clés par rapport à let et const :

var accountEmail = "[email protected]";
var accountEmail = "[email protected]"; // This is allowed!

Comme vous pouvez le voir, contrairement à let et const, vous pouvez redéclarer une variable var dans la même portée sans aucune erreur. Cela peut parfois entraîner des bugs et des comportements inattendus, c'est pourquoi de nombreux développeurs préfèrent let et const.

Points clés sur var :

• Peut être réaffecté et redéclaré : Vous pouvez modifier la valeur et même redéclarer une variable var.
• Portée de la fonction : Contrairement à let et const, qui ont une portée de bloc, var est une portée de fonction. Cela signifie qu'il est accessible dans la fonction dans laquelle il a été déclaré, mais sans se limiter au bloc.

Une comparaison rapide

Voici une comparaison rapide pour résumer les différences :

{
    var x = 10;
    var x = 20; // Allowed, no error

    let y = 10;
    let y = 20; // Not allowed, will throw a syntax error
}

Exemple pratique : utilisation de console.table

À la fin de notre code, nous utilisons console.table pour afficher les valeurs de nos variables dans un format de tableau soigné :

console.table([accountEmail, accountId, accountRoll, accountPassword]);

Cela génère un tableau avec les valeurs actuelles de accountEmail, accountId, accountRoll et accountPassword. C'est un moyen pratique de visualiser vos variables lors du débogage ou simplement de la vérification de votre travail.

Conclusion

Comprendre les différences entre const, let et var est crucial pour écrire du code JavaScript propre et sans bug. Voici un bref récapitulatif :

• Utilisez const lorsque vous souhaitez qu'une variable reste constante.
• Utilisez let lorsque vous prévoyez que la valeur de la variable change.
• Évitez var sauf si vous avez une raison spécifique de l'utiliser (en raison de son comportement au niveau des fonctions).

En maîtrisant ces trois mots-clés, vous serez sur la bonne voie pour écrire du code JavaScript plus fiable et plus maintenable. Pour des informations plus détaillées, vous pouvez toujours vous référer à la documentation MDN.

Bon codage et à bientôt pour le prochain !!