ES6 let和const详解及使用细节

时间：2023-06-07 21:41:20

ES6之前javascript只有全局作用域和函数作用域，所以经常会遇到变量提升了或者使用闭包的时候出错的问题。

所有a[i]都会输出10；

var arr=[];

for (var i=0;i<10;i++){

     arr[i]=function(){

         console.log(i);

     };

}

变量提升，输出undefined。

function showName(){

	console.log(name);

	var name = "Jhon";

}

ES6引入了let和const关键字，从而使javascript像其他语言一样拥有了块级作用域。没有其他语言编程经验的或者由于长期使用ES5编码的习惯问题，有一些细节的地方仍然需要注意一下。

首先说一下let：

let让变量具有了块级作用域，像这样就不会共享变量i,而是输出0-9的数字。

let arr=[];

for (let i=0;i<10;i++){

     arr[i]=function(){

         console.log(i);

     };

}

使用let需要注意：

  • 使用let申明的变量具有块级作用域，即变量声明前后的{}。
  • let声明的全局变量不是全局对象的属性，不可通过window.变量名访问,理论上存在于一个*的js代码块中。
  • 形如for ( let  i=0....)的循环再每次迭代时都为i创建新的绑定。所以循环中如果有一个闭包，那么闭包将捕获一个循环值的不同副本，不会共享一个变量。
  • let声明的变量直到控制流到达该变量定义的位置时才被装载，所以到达之前使用会触发错误，即不能先使用后声明。
  • 用let重复声明一个变量会发生语法错误。

const常量：


const和和let类似，只是const声明的变量只可以在声明时赋值，不可随意修改，不然会报错

const MAX_SIZE = 300; //正确

MAX_SIZE = 200; //错误

其他注意事项和let一样


相关文章