详解ES6中的let

块级作用域

ES6新增了let命令，用来声明局部变量，let声明的变量，只在let所在的代码块(大括号)中有效，所以let真正实现了块级作用域

   {
      let a = 1;
      var b = 2'
   }
   a  // ReferenceError: a is not defined
   b  // 2

这样，创造块级作用域的立即执行的函数(IIFE)就不需要了

   // ES5
   (function(){
       var a = 1;
   })()
   // ES6
   {
       let a = 1;
   }

for循环中

for循环关于闭包的坑相信大家都踩过

   var arr = [];
   for(var i = 0; i < 3; i++){
       arr[i] = function(){
           console.log(i);
       }
   }
   arr[0]()     // 3

当调用arr[i]函数时，因为函数内部没有定义i，所以函数内部的i拿到是外部的i，也就是闭包。然而由于var i的声明在全局都有效，所以每次循环，i的值就被重写，请看以下代码

   var i = 5;
   for(var i = 0; i < 2; i++){
       ...
   }
   i   // 已经被重写成了2

所以如果在有一个在循环作用域内的变量就能解决这个问题

   var arr = [];
   for(let i = 0; i < 3; i++){
       arr[i] = function(){
           console.log(i);
       }
   }
   arr[0]()     // 0

再也不需要再使用这样的代码：

   var arr = [];
   for(var i = 0; i < 3; i++){
       (function(i){
           arr[i] = function(){
               console.log(i);
           }
       })(i)
   }
   arr[0]()  // 0

不存在变量提升

var命令会发生变量提升现象，在声明前使用值为undefined

   console.log(a);  // undefined
   var a = 5;

let声明的变量一定要在声明后使用，否则会报错

   console.log(a);  // ReferenceError
   let a = 5;

连最安全的typeof都会报错

   typeof a;  // ReferenceError
   let a = 5;

不允许重复声明

不允许在同一个作用域内重复声明一个变量，这点和ES6的关键字class以及const一样

   let a = 1;
   //不同作用域，重复声明没有关系
   function b(){
      let a = 2;
   }

相同作用域下

   function b(){
      let a = 1;
      let a = 2;  //Identifier 'a' has already been declared
   }

const

const声明一个只读的常量。一旦声明，常量的值就不能改变，所以在声明const的时候一定要赋值

   const a;   //报错

改变const的值也会报错

   const a = 1;
   a = 5;   //报错

const的作用域与let相同，只在声明所在的块级作用域内有效，同样也不存在变量提升，所以const是只读的let