Javascript let解析

let关键字

let是在ES6引入的新关键字，其主要用于定义块作用域的变量。
当变量有let定义时，作用如下

1.将变量绑定所在的任何作用域中，通常是{…}

我们知道 var声明的变量将会绑定在包围该变量的函数作用域内。注意是函数作用域,并非{}代码块。
常见的是将变量绑定子for循环内
eg:

 //混淆点
 var foo = true, baz = 10;
   if (foo) {
    var bar = 3;
    }
  /*习惯了强类型的语言的会习惯性地认为，if块外是无法访问bar的，其实这里   var 定义的变量是被绑定在了window全局中*/

   if (baz > bar) {
     console.log( baz );
    }

  function bar(){
      for(var i=0;i<3;i++){

      }
      console.log(i)//,此处i被绑定在bar的作用内。
  }
  bar(); //2

  //利用let将i绑定在for循环内部
   funcion foo(){
       for(let i=0;i<3;i++){

       }
       consoel.log(i); 
   }
   foo(); //ReferenceError: i is not defined,i能在for循环里面被访问

2.防止变量提升

变量提升，很简单，就是把变量提升提到函数的top的地方。我么需要说明的是，变量提升 只是提升变量的声明，并不会把赋值也提升上来。
eg:

console.log(a); //unddfined,未报错，var声明的变量会发生变量提升
var a=2; 

 console.log(a);//出错a is not defined,未定义
 let a=2;

说到变量提升，看到一个有趣的题目

 var str='hello world'

 function bar(){
     console.log(str);
     var str='hello bar';
 }

 bar();//输出什么

答案解析：输出undfined，其原因是js的作用域链和变量提升的原因，在console.log(str)时，根据作用域链的查找规则，首先查找bar函数内是否有str变量，由变量提升，str的声明(非赋值)会被提到console.log的前面，所以变量查找会查找到bar函数内的str;

3.禁止重复声明在同一个作用域内已声明的标示符

var a=1;
let a //a 标识符已经定义，重复定义出错，但 var a=2;不会出错

4.let声明的全局变量不会被添加到window属性上，防止了对全局对象的污染

  var a=1;
  console.log(window.a) //1 var声明的全局变量会会被赋到window属性中。
  let b=2;
  console.log(window.b)//undefined, let声明的全局变量不会挂载到全局对象window中，从而防止了对window对象的污染。