es6 var 与 let 区别

 var 有什么缺陷，为什么会被 let 和 const 取代 ？

先看用到 var 的一段代码。

function doSomething () {
    for (var i = 0; i < 4; i++) {
        console.log(i)
    }
    console.log('end ' + i)
}

doSomething()

打印结果： 

0
1
2
3
end 4

变量 i 在 for 语句里定义的，为什么在 for 语句外面仍然打印出来值了呢？？

再看用到 let 的一段代码。

function doSomething () {
    for (let i = 0; i < 4; i++) {
        console.log(i)
    }
    console.log('end ' + i)
}

doSomething()

打印结果如下：

0
1
2
3
/Users/dkvirus/Documents/study/study-typescript/ex1/var.js:5
    console.log('end ' + i)
                             ^

ReferenceError: i is not defined

let 定义的变量 i 符合我们的常识，i 的作用域只在 for 语句里，在 for 外部用 i 变量报错未定义。

结论：

1、let 和 const 定义变量的作用域都是 离变量最近的那个块内；

2、var 定义变量的作用域是 离变量最近的那个方法内。上面，用 var 定义的 i 变量的作用域为离 i 最近的方法内，即 i 的作用域在 doSomething 内，所以在 for 语句外也能打印出 i 的值。