Let Javascript
Le let mot-clé a été introduit dans ES6 (2015).
Variables définies avec let ne peut pas être redéclaré.
Variables définies avec let doit être déclaré avant utilisation.
Variables définies avec let avoir une portée de bloc.
Ne peut pas être redéclaré
Variables définies avec let ne peut pas être redéclaré.
Vous ne pouvez pas redéclarer accidentellement une variable déclarée avec let.
Avec let tu peux pas fais ceci:
soit x = “John Doe” ;
soit x = 0 ;
Avec var tu peux:
var x = “John Doe” ;
var x = 0 ;
Portée du bloc
Avant ES6 (2015), JavaScript avait Portée mondiale et Portée de la fonction.
ES6 a introduit deux nouveaux mots clés JavaScript importants : let et const.
Ces deux mots-clés fournissent Portée du bloc en JavaScript.
Les variables déclarées à l’intérieur d’un bloc { } ne sont pas accessibles depuis l’extérieur du bloc :
Exemple
{
soit x = 2 ;
}
// x ne peut PAS être utilisé ici
Variables déclarées avec le var le mot-clé ne peut PAS avoir une portée de bloc.
Les variables déclarées à l’intérieur d’un bloc { } sont accessibles depuis l’extérieur du bloc.
Exemple
{
var x = 2 ;
}
// x PEUT être utilisé ici
Redéclarer des variables
Redéclarer une variable à l’aide de var mot-clé peut imposer des problèmes.
Redéclarer une variable à l’intérieur d’un bloc redéclarera également la variable à l’extérieur du bloc :
Exemple
varx = 10 ;
// Ici x vaut 10
{
var x = 2 ;
// Ici x vaut 2
}
// Ici x vaut 2
Essayez-le vous-même »
Redéclarer une variable à l’aide de let mot-clé peut résoudre ce problème.
Redéclarer une variable à l’intérieur d’un bloc ne redéclarera pas la variable à l’extérieur du bloc :
Exemple
soit x = 10 ;
// Ici x vaut 10
{
soit x = 2 ;
// Ici x vaut 2
}
// Ici x vaut 10
Essayez-le vous-même »
Prise en charge du navigateur
Le let mot-clé n’est pas entièrement pris en charge dans Internet Explorer 11 ou version antérieure.
Le tableau suivant définit les premières versions de navigateur avec prise en charge complète des let mot-clé:
| Chrome 49 | Bord 12 | Firefox 44 | Safari 11 | Opéra 36 |
| mars 2016 | juillet 2015 | janvier 2015 | Septembre 2017 | mars 2016 |
Redéclarer
Redéclarer une variable JavaScript avec var est autorisé n’importe où dans un programme :
Avec letredéclarer une variable dans le même bloc n’est PAS autorisé :
Exemple
var x = 2 ; // Autorisé
soit x = 3 ; // Interdit
{
soit x = 2 ; // Autorisé
soit x = 3 ; // Interdit
}
{
soit x = 2 ; // Autorisé
var x = 3 ; // Interdit
}
Redéclarer une variable avec letdans un autre bloc, IS autorisé :
Exemple
soit x = 2 ; // Autorisé
{
soit x = 3 ; // Autorisé
}
{
soit x = 4 ; // Autorisé
}
Essayez-le vous-même »
Laisser lever
Variables définies avec var sont hissé vers le haut et peut être initialisé à tout moment.
Signification : Vous pouvez utiliser la variable avant qu’elle ne soit déclarée :
Si vous voulez en savoir plus sur le levage, étudiez le chapitre JavaScript Hoisting.
Variables définies avec let sont également hissés en haut du bloc, mais non initialisés.
Signification : Utiliser un let variable avant qu’elle ne soit déclarée entraînera une
ReferenceError:
#Javascript