在ES6之前,JavaScript只有经典的var声明,这给开发者带来了很多的困扰。在ES6出现后,又增加了let和const关键字的声明方式。这里会讲有关变量声明,作用域,状态提升相关知识。
在JavaScript的世界里,作用域可以分为三种,分别是全局作用域,函数作用域,块级作用域。
var声明在全局作用域中,会被添加到全局对象上成为全局对象的属性。在函数作用域中则会被提升到函数顶部。而且不管实际是否会执行,都会在预编译阶段将函数声明提升,初始化操作则留在本地。
临时死区(Temporal Dead Zone,TDZ):用来描述 let 和 const 的不提升效果的术语。JavaScript引擎在扫描代码发现变量声明时,要么将他们提升到作用域顶部(var声明),要么将声明放到TDZ(let声明和const声明)。访问在TDZ中的变量会触发运行时错误,只有执行过变量声明语句后,变量才会从TDZ中移出,然后才可以正常访问。
const 和 let 是块级标识符,所以声明的变量、常量也只在当前代码块中有效,一旦执行到块外就会立即被销毁。
在JavaScript中,定义一个变量不使用关键字声明也不会报错。但不建议这么做。
不管在全局,函数还是块作用域里,a = 0 这样的语句都会在 window 对象上创建 a 属性,实际上也就是执行了 window.a = 0 。而只有在全局作用域中,var a = 0才会在 window 上创建属性 a,即为 window.a = 0。
function func() { b = 0 console.log(b); console.log(b === window.b); } func() console.log(b === window.b); // 输出结果 /* 0 true true */