var 与 let 区别

es6 刚流行那会,我只知道 var 即将退出历史舞台,取而代之的是 let 和 const,却不知道 var 有什么缺陷,为什么会被取代。今天在 Youtube 上看到一段视频,解答了我的疑惑。

本文原标题为 《var 为什么会被 let 取代?》,很多哥们纠结标题取的不严谨或抠字眼,从而忽略了本文真正想要交流的内容。这让我很苦恼,起原先那个标题是因为我所在公司,我的一些技术好友,以及我在 github 上看到的一些源码,99% 看不到使用 var 了,对于 IOS 兼容、遗留老代码里仍使用 var 不在交流范围内。

先看用到 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 的值。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容