ES6 关键字块级作用域、let、const

首先什么是作用域？作用域 - 某个成员能够起作用的范围。在 ES2015 之前，ES 只有两种作用域全局作用域和函数作用域，在ES2015之后：
• 全局作用域
• 函数作用域
• 块级作用域

• 块级作用域就是被{}所包围的区域
  感受没有块级作用域会出现的问题：

应该执行9次，外层循环3次，内层循环3次
 for(var i = 0;i < 3;i ++){
     for(var i = 0;i < 3;i ++){
          console.log(i);//实际只执行了3次
      }
 }//由于两层的i都处于同一个作用域内，相同的i会覆盖
// 当内层循环完，i已经是3了，i只执行了一次循环

let 关键字

通过let定义变量，形成块级作用域，让i不会发生覆盖，只在自己的块级作用域生效

// 通过let定义变量，形成块级作用域，让i不会发生覆盖，只在自己的块级作用域生效
   for (var i = 0; i < 3; i++) {
           for (let i = 0; i < 3; i++) {
               console.log(i);//实际只执行了3次
           }
   }
  
  //通过循环批量添加事件
  var ele = [{},{},{}];
  for(var i = 0;i < ele.length;i ++){
      ele[i].onclick = function(){
          console.log(i);
     };
  }
 ele[0].onclick();//3
 ele[1].onclick();//3
 ele[2].onclick();//3

通过let定义变量，只能在块级作用域内部被调用

var ele = [{}, {}, {}];
 //通过let定义变量，只能在块级作用域内部被调用
 for (let i = 0; i < ele.length; i++) {
  ele[i].onclick = function () {
    console.log(i);
  };
 }
 ele[0].onclick();//0
 ele[1].onclick();//1
 ele[2].onclick();//2

for循环中使用let定义i，在这个循环中有两层作用域，这样每一层都不会受影响

//循环 实际上有两层作用域
 for(let i = 0;i < 3; i++){
    let i = "a";
   console.log(i);//3次a
}
//实际上 外层
 let i = 0;
 // 内层  
 if(i < 3){//i 进行一个判断，内层let形成块级作用域，让i有了新值，不受外层的影响
   let i = a;
  console.log(i);//a
}

```javascript
// 外层 的 作用域 i 还是要进行自加
i ++;

let与var相比，let不会声明提升，所以let声明变量时，必须先声明再使用，注意声明和使用的书写顺序

//let不会声明提升
console.log(a);//undefined
var a = 1;
    
//let 不进行声明提升，变量必须先声明再使用
console.log(b);//报错
let b = 3;

const关键字 只读

// const  只读
const name1 = "li";
name1 = "zhang";//const不能让name1的地址指向其他地址

const 关键字声明变量时，必须同时赋初始值

//const 声明变量时，必须同时赋初始值
const name2;
name2 = "zhang";

// const 
const obj = {};
obj.name = "li";//指向对象的指针并未修改，是可以的， 只是内部值发生改变
obj = {};//错误，obj被重新赋值，

在ES2015更新之后，尽量减少使用var ，主用const，配合let