var 声明带来的疑惑–变量提升机制: 在函数作用域或者全局作用域中通过关键字var声明的变量,无论实际上是在哪里声明的,都会被当成在当前作用域顶部声明的变量。
块级作用域
存在于:
- 函数内部
- 块中({}之间的区域)
let声明
用法与var相同,可以把变量的作用域限制在当前代码块之中。
const声明
每个通过const声明的常量必须进行初始化。
用const声明的常量,一旦被设定之后不允许修改绑定,但允许修改值:意味着用const声明对象之后,可以修改该对象的属性;但是用const声明一个字符串或者数字,便不能进行修改。
禁止重声明:同一作用域中不能用let或者const重复定义已经存在的标志符
临时死区(TDZ)
JavaScript引擎在扫描代码发现变量声明时,要么将他们提升至作用域顶部(遇到var声明),要么将声明放到TDZ中(遇到const和let声明)。访问TDZ中的变量会触发运行错误。只有执行过变量声明语句之后,变量采会从TDZ移出,然后方可正常访问。
由于let和const声明的变量不会被提升到作用域顶部,如果在声明之前访问这些变量,会出发引用错误,便不会执行到声明语句,此时被声明的变量还位于被称为TDZ中。
循环中的块作用域绑定
- var 和 let声明在for ,for-of ,for-in中的区别
let声明在每次迭代循环时都会创建一个新变量,并以之前迭代中同名变量的值将其初始化。
var funcs = [];
for (var i=0;i<10;i++){
funcs.push(function(){
console.log(i)
}
}
funcs.forEach(function(){
funcs() ;//输出10次数字10
})
var funcs = [];
for (let i=0;i<10;i++){
funcs.push(function(){
console.log(i)
}
}
funcs.forEach(function(){
funcs() ;//输出 0,1,2,3,4,5,6,7,8,9,10
})
注意
for(const i=0; i<10; i++) // 完成第一次迭代之后会报错,因为i++试图修改改常量
for (const key in object) //不会报错,因为每次迭代会创建一个新的绑定
全局块作用域
var声明的全局变量会覆盖已经存在的全局属性
如果在全局作用于中用const和let声明,会在全局作用域便创建一个新的绑定,但是该绑定不会添加为全局对象的属性。换句话说,用const和let不能覆盖全局变量,而只能遮蔽它。
let RegExp = "hello";
console.log(RegExp); //"hello"
console.log(window.RegExp === RegExp); //false