Comment utiliser les mots-clés let et const dans ES6

Le mot-clé let dans ES6 est principalement utilisé pour déclarer des variables locales, et la promotion des variables n'aura pas lieu ; const déclare une constante en lecture seule et le nouveau contenu ne peut pas être réaffecté après la déclaration

ES6 signifie ECMAScript 6.0, qui est le standard de nouvelle génération pour le langage JavaScript. Son objectif est de permettre au langage JavaScript d'être utilisé pour écrire des applications complexes à grande échelle. L'émergence d'ES6 signifie que JavaScript a une syntaxe plus mature et. de nouveaux raccourcis qui facilitent le codage des méthodes, il existe de nombreuses nouvelles méthodes, de nouveaux mots-clés, types de données et autres améliorations, etc. Ensuite, dans l'article, nous présenterons en détail quelques nouvelles fonctionnalités d'ES6

[Cours recommandés :Cours vidéo pratique ES6】

mot-clé let

ES6 a introduit le nouveau mot-clé let, qui nous permet de déclarer des variables locales telles que des instructions, des expressions ou des fonctions internes dans la portée d'une fonction, similaire à var, mais let ne favorise pas les variables comme var, donc la variable doit être utilisée après sa déclaration, sinon une erreur sera signalée.

let arr=[1,2,3]
for (let i = 0; i < arr.length; i++) {

console.log(i);
}

Lorsque nous écrivons une fonction de boucle for, puis écrivons une instruction en dehors de la boucle pour réutiliser le même nom de variable, le résultat est celui indiqué ci-dessous

let arr=[1,2,3]
for (let i = 0; i < arr.length; i++) {

console.log(i);
}
let x=i*i;

Comme sa portée est limitée à l'intérieur de la boucle for, il ne peut pas être utilisé à l'extérieur s'il n'est pas déclaré.

mot-clé const

Le nouveau mot-clé const peut déclarer une constante en lecture seule, également appelée variable immuable. Après la déclaration, nous ne pouvons pas réaffecter un nouveau contenu.

const demo= 12;
console.log(demo);

Comme le montrent les rendus, lorsque const déclare une constante, si nous la déclarons à nouveau, une erreur sera être signalé

Mais les variables immuables ne sont pas toujours complètement immuables dans ES6 Lorsque nous enregistrons des constantes tout comme nous enregistrons un objet, nous pouvons modifier les valeurs de ses propriétés et méthodes

const foo =[];

. Non Lors de la modification de l'adresse, nous pouvons y ajouter du nouveau contenu. Les constantes déclarées par const ne peuvent pas être déclarées à plusieurs reprises comme let.

Attributs de l'objet global

En JavaScript, l'objet global fait référence à l'objet fenêtre L'attribution d'attribut du global. L'objet est le même que l'objet global. L'affectation des variables est la même chose, dans le code si une variable n'est pas déclarée, elle devient automatiquement un objet global. Une telle disposition a entraîné un gros problème. Il est impossible de signaler une erreur de variables non déclarées au moment de la compilation. Elle ne peut être connue qu'au moment de l'exécution. Mais ES6 résout très bien ce problème. Bien que les variables globales soient déclarées via les mots-clés let et const, elles n'appartiennent pas aux attributs de l'objet global. Cela signifie que les variables globales et les attributs de l'objet global sont progressivement séparés

<. 🎜 >

var a=1;
console.log(window.a);
let b=1;
console.log(window.b);

Résumé : Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'à travers cet article, tout le monde pourra avoir une certaine compréhension des connaissances ES6.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!