Différences entre JavaScript var et Let
JavaScript est un langage de script qui déclare ses variables dans différents types à l'aide de mots clés tels que let, const ou var. let et const ont les mêmes caractéristiques en termes de portée lexicale. La portée lexicale est définie comme la visibilité des valeurs des variables à travers le bloc défini ou inclus qui contient les valeurs valides et peut être consulté.
La portée lexicale JavaScript est également appelée portée statique ou fermetures, ce qui est un concept puissant. En JavaScript, var n'a pas de portée de bloc, s'il est déclaré dans une classe, il est visible de toute la portée de haut en bas tandis que let ne permet pas d'accéder à sa valeur de variable en dehors du bloc inclus. Les déclarations 'var' sont traitées au démarrage de l'exécution de la fonction. Ceci est similaire à celui d'un concept appelé Levage (montant vers le haut) de la fonction.
L'instruction «let» a été introduite dans la version 6 standard d'ECMAScript, souvent appelée ES6 ou ES 2015. ECMAScript est l'organisation qui gère les versions globales standard du JavaScript afin de maintenir son adaptabilité sur tous les navigateurs Web et son environnement pour en faire tous les principaux les géants de l'internet soient en ligne.
En JavaScript, supposons qu'une variable soit déclarée dans la boucle conditionnelle for (), alors elle est disponible en tant que global et en dehors de cette boucle, alors que let ne permettra pas cela et confinera la variable déclarée let à accéder à l'intérieur de la boucle for uniquement. La nouvelle déclaration de la variable à l'aide de let provoque une erreur de syntaxe pendant le processus de compilation.
Comparaison directe entre JavaScript Var et Let
Voici les 8 meilleures comparaisons entre JavaScript Var et Let 
Différences clés entre JavaScript Var et Let
Les deux JavaScript Var vs Let sont des choix populaires sur le marché; laissez-nous discuter de certaines des principales différences entre JavaScript Var et Let:
- Une variable est le nom du stockage d'une valeur affectée pour identifier son emplacement. En JavaScript, une variable peut être déclarée en utilisant let ou var. La portée de la déclaration 'var' est globale, quelle que soit sa portée ou son emplacement déclaré, tandis que la variable déclarée à l'aide de l'instruction let est de portée limitée ou fermée.
- Dans la plupart des anciens codes de version, var pouvait être trouvé pour la plupart des variables déclarées dans la plupart du code JavaScript. 'var' hisse la valeur de la variable sur toute l'étendue alors que l'instruction let ne hisse pas la valeur.
- La déclaration 'var' était disponible depuis le début de JavaScript et l'instruction let a été récemment introduite dans la version ES6 (ES 2015) de JavaScript pour appliquer les fonctionnalités de portée de bloc.
- 'var' déclaré à n'importe quel niveau de portée devient global tandis que let est à portée de bloc où un bloc peut être défini comme du code entre des accolades ().
- Les variables déclarées 'var' en JavaScript initialisent la valeur par défaut de la variable à undefined une fois qu'elle est déclarée dans la portée tandis que les variables déclarées chargent également la valeur par défaut n'est pas définie.
- var n'a pas de portée lexicale à la place a une portée globale alors que let doit bloquer la portée qui peut être implicite ou explicite en fonction du placement de l'instruction let. Si l'instruction let existe à l'intérieur de la portée du bloc, elle devient une portée lexicale.
- Dans la portée de l'objet windows, les variables var peuvent être utilisées alors que les variables déclarées let ne peuvent pas être utilisées dans ce scénario.
- Il n'est pas plus sûr d'utiliser le type de sur les identifiants déclarés en utilisant l'instruction let dont le cas est différent pour les variables déclarées var.
- En termes de comparaison de performances, var est plus rapide et let est plus lent à l'intérieur des boucles lors de l'exécution ou de l'exécution du code.
- La nouvelle déclaration de var a déclaré une variable dans la même fonction ou portée donne lieu à une erreur de syntaxe alors que la variable déclarée let ne peut pas être redéclarée.
- Les erreurs et la confusion de la valeur écrasante à l'intérieur de la portée peuvent être évitées en utilisant let déclaré variable et il est recommandé d'utiliser autant que possible et pas dans tous les cas.
- En JavaScript, une variable utilisant var peut être déclarée comme var a = 1; alors qu'une variable utilisant l'instruction let peut être déclarée comme: let a = 1; la seule différence à observer entre var et let in javascript est le bloc de cadrage et la déclaration ou re-déclaration.
- Le nom des variables déclarées a certaines limites à respecter avant de déclarer de telle sorte que son nom ne commence que par des lettres, des chiffres, des signes $ ou _. Les instructions var et let in javascript ne doivent pas non plus être utilisées comme nom des identifiants lors de la déclaration des variables.
Tableau de comparaison entre JavaScript Var et Let
Voici le tableau de comparaison entre JavaScript Var et Let
| La base des comparaisons entre JavaScript Var et Let | Var JavaScript | Laisser |
| Définition | var est l'ancienne méthode de déclaration de la variable | Let est une forme de déclaration de variable récemment introduite |
| Usage | Principalement utilisé pour déclarer des variables dans les programmes JavaScript | Identique à var, mais offre des fonctionnalités supplémentaires d'application de l'accessibilité de l'étendue du bloc |
| Déclaration | Peut être déclaré n'importe où et la variable est hissée | Peut être déclaré n'importe où et limité à la portée du bloc |
| Accessibilité | Accès global | Bloquer l'accès à la portée ou la portée lexicale |
| Mode | En mode strict, var permet de déclarer une variable dans la même portée. | let ne permet pas à nouveau la re-déclaration de la même variable |
| Prise en charge du navigateur | Tous les navigateurs prennent en charge var | Peu de navigateurs ne prendront pas en charge l'instruction let |
| Levage | Les variables globales sont hissées | Les variables de portée de bloc ne sont pas réellement hissées |
| Compatibilité | Pris en charge par tous les navigateurs et environnements d'exécution JS | Des transpilers tels que Babel peuvent être utilisés pour le convertir en versions plus anciennes afin de fournir un support dans tous les navigateurs |
Conclusion
L'utilisation de var en JavaScript a beaucoup d'espace pour les erreurs lors de l'exécution du code. La portée globale de la déclaration var entraîne une diminution de l'utilisation du même identifiant à différents emplacements dans la même classe ou le même fichier. Cela réduit la réutilisabilité du code. La déclaration d'une variable utilisant var se comporte comme celle de let mais avec la seule différence de portée lexicale dans le code.
La déclaration d'une variable à l'aide de «let» entraîne l'accès à la variable à travers la portée incluse, ce qui entraîne la déclaration et la réutilisation de l'identifiant en dehors de la portée bloquée, de l'instruction ou de l'expression. Var ne peut pas être remplacé par let car il a ses propres utilisations dans différentes étendues. Let ne doit être utilisé que lorsque l'étendue des blocs est de première importance et que le levage n'est pas nécessaire dans la portée d'exécution.
Article recommandé
Cela a été un guide pour les principales différences entre JavaScript Var et Let. Ici, nous discutons également des principales différences JavaScript vs Let avec des infographies et un tableau de comparaison. Vous pouvez également consulter les articles suivants pour en savoir plus -
- HTML5 vs Flash-lequel est plus utile
- Comparaison Java vs Node JS
- Différences entre Python et JavaScript
- Java et JavaScript - 10 principales différences
- HTML5 vs JavaScript Quelles sont les fonctionnalités