一个非常常见的问题:var、let和const

简介: 在ECMAScript中,有3个关键字可以用于声明变量。分别是:var、let和const。其中,var在所有ECMAScript都是可以使用的,但是let和const需要在ECMAScript6及其以上版本才可以使用。

在ECMAScript中,有3个关键字可以用于声明变量。分别是:var、let和const。其中,var在所有ECMAScript都是可以使用的,但是let和const需要在ECMAScript6及其以上版本才可以使用。

let和const的行为基本一致,但是其中有一个比较重要的一个区别,就是const用它声明变量时必须同时初始化变量,且尝试修改const声明的变量会导致运行错误。所以常有人直接理解为const用于声明常量。

一:作用域

var是函数作用域。

let和const是块级作用域。

也就是说var声明的变量出函数时就会被销毁,而let和const声明的变量出块级内部就会被销毁。

下面使用for举例:

for中的变量声明,也是var和let的区别之一。

5.png

 

造成这种现象的原因就是:var可以渗透到循环体外部,在退出循环的时候,迭代变量保存的是导致循环退出的值。而let的是因为作用域反限于for循环块的内部,迭代循环声明一个新的变量,每个setTimeout引用的都是不同的变量实例。

二:优先级

三个关键字之间没有优先级,按照声明顺序。

三:全局声明区别

let和var的不同是,let不会成为window对象的属性。

6.png

四:变量提升

这也就是let和var的一个重要的区别,就是let声明的变量不会在作用域中被提升。

7.png

 

在代码解析时,JavaScript引擎也会注意到后面的let(也就是常谈到的“类似提升行为”),只不过在此之前不能操作这个被声明的变量,不然就会送给你漂亮的红色ReferenceError。而这个瞬间也被称之为“暂时性死区”。也算是在某些方面限制了代码的规范度吧。

其他:

1.在ES6中明确规定,在{}中出现let和const,就会被限制在里面(也就是块级作用域)。

2.函数提升优先级大于var的变量提升(还是不要重名比较好,你想想要是你们部门有人和你重名重姓会多麻烦)。

目录
相关文章
|
7月前
ES6中的var,let,const
ES6中的var,let,const
|
3月前
|
移动开发
H5中的var、let和const
H5中的var、let和const
|
7月前
|
JavaScript 前端开发
let,const,var区别
let,const,var区别
43 0
const
const
180 0
|
JavaScript 前端开发
var let const的区别
`var`、`let`和`const`是用于声明变量的关键字,在 JavaScript 中具有不同的作用和用法。
|
JavaScript 前端开发
var、let、const的区别和推荐使用
var、let、const的区别和推荐使用
|
JavaScript 前端开发
let和const
let和const
下一篇
DataWorks