var与let？

首先我们来看一道面试题

for(var i=0;i<5;i++){
    setTimeout(function(){
        console.log(i);
    },1000)
}
console.log(i);//555555

通常，你以为这不就是一个for循环吗？结果肯定是123456了，但是却发现答案是5555555，这是什么原因呢？原因就在setTimeout里，setTimeout是个异步函数，里面的this指向window，以及他会在for循环加载完之后，才会执行，当for循环加载完了时，i也就等于5了。所以会输出555555.怎么避免这个情况呢？于是我们这样写

for (var i = 0; i < 5; i++) {
    (function(i) {
        setTimeout(function() { 
          console.log(i); 
        }, 1000);
    })(i);
}
console.log(i);//501234

使用立即调用，便可以达到这个效果了。但是呢，还有一个更简便的方法，那就是采用let

for(let i = 0; i < 5; i++) {
    setTimeout(function() {
      console.log(i);
    }, 1000)
}
console.log(i);//501234

结果会是501234，setTimeout会延时触发，所以会先输出最后一个。
这里摘抄官网一段话：
当let声明出现在循环体里时拥有完全不同的行为。 不仅是在循环里引入了一个新的变量环境，而是针对每次迭代都会创建这样一个新作用域。 这就是我们在使用立即执行的函数表达式时做的事，所以在setTimeout例子里我们仅使用let声明就可以了。