let与const认识

es2015之前

在es2015之前JavaScript并没有块级作用域这个说法，只有全局和函数级的变量，let的出现使JavaScript语言有了块级作用域

在外面访问

{
  var a=5;
  let  b=10;
}
console.log(a,b);//a=5    b=undefined

在里面访问

{
  var a=5;
  let  b=10;
　{
　　console.log(a,b);//a=5 b=12
  }
}

泄密

for(var i=0; i<5; i++){};
console.log(i)//i=5

for(var i=0; i<5; i++){};
console.log(i)//i=undefined

提升

使用var声明的变量会提升，而使用let声明的变量不会提升

function f(){
  console.log(a);
  var a=5;

  /*等价于
  var a;
  console.log(a);
  a=5;*/
}
 f()//a=undefined

function f(){
  console.log(a);
  let a=5;
}
 f()//a is not defined

代替立即执行匿名函数

var config = （function(){
       var config = [];
       config.push(1);
       config.push(2);
       config.push(3);
       return config;
}）();

let config;
{
  config = [];
  config.push(1);
  config.push(2);
  config.push(3);
}

在严格模式（use strict）下运行函数不会被提升

function a(){console.log(1);}
function f(){
  a();
  if(false){
          function a(){console.log(2)}
  }
}

//这段代码在非严格模式下运行会打印出2，在严格模式下运行会打印出1

• 实例例子

var arr= [];

function f(){
   for(var i=0; i<5; i++){
      arr.push(function(){
          console.log(i);
      })
  }
}

f();

arr[3]()//
arr[4]()//
arr[1]()//

想要执行出想要的结果arr[x]()//x就必须用到let

var arr= [];

function f(){
   for(let i=0; i<5; i++){
      arr.push(function(){
          console.log(i);
      })
  }
}

f();

arr[3]()//
arr[4]()//
arr[1]()//

在es2015之前您必须这样做

var arr= [];

function f(){
   for(var i=0; i<5; i++){
      arr.push((function(i){
          return function(){
                console.log(i);
          }
      })(i))
  }
}

f();

arr[3]()//
arr[4]()//
arr[1]()//