Nouvelles fonctionnalités ES6 que vous devez connaître : Explication détaillée des commandes let et const

Cet article présente principalement les commandes let et const dans les nouvelles fonctionnalités d'ES6, et analyse les fonctions, les méthodes d'utilisation et les précautions associées des commandes let et const sous forme d'exemples. Les amis dans le besoin peuvent s'y référer

.

Cet article décrit les commandes let et const dans les nouvelles fonctionnalités d'ES6 avec des exemples. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. let command

① Il n'y a pas de portée au niveau du bloc. dans js. La portée de la variable déclarée par var est le corps entier de la fonction, et let peut jouer ce rôle

{
  let a = 1;
  var b = 2;
}
console.log(b); // 2
console.log(a); // a is not defind

② et let peut jouer ce rôle La déclaration des variables et des fonctions en js sera promue. le courant Exécuté en haut de la portée. Cela posera des problèmes.

var a = [];
//函数和变量i会最先进行声明，同时全局变量i经过for循环赋值为10
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
console.log(i);//10
a[6]();//10

L'utilisation de let résout ce problème

for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); //6

③ contrairement à var, let provoquera un phénomène de "promotion variable"

console.log(a); // a is not defined
let a = 1;

④ let n'autorise pas la répétition déclaration de la même variable

// 报错
{
  let a = 10;
  var a = 1;
}
// 报错
{
  let a = 10;
  let a = 1;
}

2. La commande const

① const est également utilisée pour déclarer des variables, mais déclarer des constantes. Une fois déclarée, la valeur d'une constante ne peut plus être modifiée.
② Comme let, la même variable ne peut pas être déclarée à plusieurs reprises dans la même portée au niveau du bloc.
③ La portée de const est la même que celle de la commande let : elle n'est valide que dans la portée au niveau du bloc où elle est déclarée.

const PI = 3.1415;
console.log(PI); // 3.1415
//PI = 3; // Assignment to constant variable.(不能给常量赋值)
//const PI = 3.1;// Identifier 'PI' has already been declared

Étudiants qui ont besoin d'apprendre js, veuillez faire attention au site Web php chinois Tutoriels vidéo js De nombreux didacticiels vidéo js en ligne peuvent être visionnés gratuitement !

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!