Démystifier les Déclarations de Variables en JavaScript : Comprendre les Différences entre const, let et var

Démystifier les Déclarations de Variables en JavaScript : Comprendre les Différences entre const, let et var

Ici, nous abordons trois types actuels de déclarations de variables.

var

let (valables qu’avec ES6)

const (valables qu’avec ES6)

1. Bloc

Pour var :

for(var i = 0; i < 5; i++){
    console.log('à l\'intérieur de la portée du bloc avec Var ->', i)
}
console.log('à l\'extérieur de la portée du bloc avec Var ->', i); // -> 5

et Pour let (et const):

for(let i = 0; i < 5; i++){
    console.log('à l\'intérieur de la portée du bloc avec let ->', i)
}
console.log('à l\'extérieur de la portée du bloc avec let ->', i); // -> null

let n = 1;   // Première déclaration
let n = 2;   // Cannot redeclare block-scoped variable 'n'.

const i= 1;   // Première déclaration
const i= 2;   // Cannot redeclare block-scoped variable 'i'.

Nous recevons une erreur : "Uncaught SyntaxError: Identifier 'number' has already been declared".

Dans le premier bloc, la variable i déclarée avec var est accessible à l'extérieur de la boucle, et la dernière valeur de i est 5. Dans le deuxième bloc, la variable i déclarée avec let est limitée à…