var 为什么会被 let 取代
es6 刚流行那会,我只知道 var 即将退出历史舞台,取而代之的是 let 和 const,却不知道 var 有什么缺陷,为什么会被取代。今天在 Youtube 上看到一段视频,解答了我的疑惑。
先看用到 var 的一段代码。
function doSomething () {
for (var i = 0; i < 5; i++) {
console.log(i)
}
console.log('Finally ' + i)
}
doSomething()
打印结果:
0
1
2
3
4
Finally 5
i 在 for 语句里定义的,为什么在 for 语句外面仍然打印出来值了呢??
再看用到 let 的一段代码。
function doSomething () {
for (let i = 0; i < 5; i++) {
console.log(i)
}
console.log('Finally ' + i)
}
doSomething()
打印结果如下:
0
1
2
3
4
/Users/dkvirus/Documents/study/study-typescript/ex1/var.js:5
console.log('Finally ' + i)
^
ReferenceError: i is not defined
let 定义的变量 i 符合我们的常识,i 的作用域只在 for 语句里,在 for 外部用 i 变量报错未定义。
结论:
- let 和 const 定义变量的作用域都是 离变量最近的那个块 内;
- var 定义变量的作用域是 离变量最近的那个方法 内。上面,用 var 定义的 i 变量的作用域为离 i 最近的方法内,即 i 的作用域在 doSomething 内,所以在 for 语句外也能打印出 i 的值。