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.循环中的函数

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

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

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

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

6.let和const与var的区别

a.作用域不同

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

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

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

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