ES6 let和const详解及使用细节

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一样