var 和 let 的区别

js的作用域只有全局作用域和函数作用域，为了能在{ }来限定变量，所以使用了let来限制变量只能在块作用域中有效

var 和 let 作用域的不同

var a = 99;            // 全局变量a
f();                   // f是函数，虽然定义在调用的后面，但是函数声明会提升到作用域的顶部。 
console.log(a);        // a=>99,  此时是全局变量的a
function f() {
  console.log(a);      // 当前的a变量是下面变量a声明提升后，默认值undefined
  var a = 10;
  console.log(a);      // a => 10
}

// 输出结果：
undefined
10
99

let和for语句的结合使用

for (var i = 0; i <10; i++) {  
  setTimeout(function() {  // 同步注册回调函数到 异步的 宏任务队列。
    console.log(i);        // 执行此代码时，同步代码for循环已经执行完成
  }, 0);
}
// 输出结果
10   共10个
// 这里面的知识点： JS的事件循环机制，setTimeout的机制等

这里由于setTimeout是异步进行的，在执行其中的函数时，for语句已经执行完毕，i已经等于10，所以输出的都是10。

// i虽然在全局作用域声明，但是在for循环体局部作用域中使用的时候，变量会被固定，不受外界干扰。
for (let i = 0; i < 10; i++) { 
  setTimeout(function() {
    console.log(i);    //  i 是循环体内局部作用域，不受外界影响。
  }, 0);
}
// 输出结果：
0  1  2  3  4  5  6  7  8 9

而这里由于每一个for循环都会生成不同的块作用域，用let声明的变量传入到 for循环体的作用域后，在块作用域中是独立的。