天天看点

let const知识点总结

1.变量提升机制

在函数作用域或全局作用域中,通过关键字var声明的变量,无论实际上是在哪里声明的,都会被当成在当前作用域顶部声明的变量。

2.临时性死区Temporal Dead Zone(TDZ)

与var不同,let和const声明的变量不会被提升到作用域顶部,如果在声明之前访问这些变量,及时是相对安全的typeof操作符也会触发引用错误。用它来描述let和const的不提升效果。

JavaScript引擎在扫描代码发现变量声明时,用var声明的就将他们提升到作用域顶部,如果是用let和const声明的,就把声明放在TDZ中,访问TDZ中的变量会触发运行错误,只有执行过变量声明语句后,变量才会从TDZ中移出,然后就可以正常访问了。

3.let的特点

a.同一作用域中不能用let重复定义已经存在的标识符

b.块级标识符,只在当前代码块中有效,一旦执行到块外会被立即销毁

4.const特点

a.const声明的是常量,且必须被初始化

b.在同一作用域中,用const声明已经存在的标识符,也会导致语法错误

c.块级作用域(同上)

d.用const声明对象,不允许修改绑定,但可以修改对象的属性值

e.循环中const声明

对于普通的for循环for(const i=0;i<10;i++),在循环的第一个迭代中,i是0,迭代执行成功,后续就会抛出错误

在for-in  for-of循环中使用const时行为与使用let一致。唯一的区别是在循环中不能改变key的值,之所以可以运用在for-in,和for-of循环中,是因为每次迭代不会修改已有绑定,而是会创建一个新绑定。

5.循环中的函数

let const知识点总结

原因:循环里的每次迭代同时共享着变量i,循环内部创建的函数全都保留了对相同变量的引用,循环结束时i的值为10

解决办法:立即执行函数      或     var换成let

立即执行函数为接受的每一个变量i都创建了一个副本并存储为变量value

let     每次迭代循环都会创建一个新变量,并以之前迭代中同名变量的值将其初始化

6.let和const与var的区别

a.作用域不同

b.在作用域中的行为不同

当var用于全局变量时,会创建一个新的全局变量作为全局对象的一个属性,(可能覆盖一个已经存在的全局属性)

在全局作用域下使用let  和const,会在全局作用域下创建一个新的绑定,但该绑定不会添加为全局对象的属性,也就是说,let和const不能覆盖全局变量,而只能遮蔽它。

全局对象下定义变量,使用var,这种情况常见于在浏览器中跨frame或跨window访问代码。

继续阅读