临时死区(Temporal Dead Zone),简写为 TDZ。
let
和 const
声明的变量不会被提升到作用域顶部,如果在声明前访问这些变量,会导致错误:
console.log(typeof value) // ReferenceError: value is not defined
let value = 1
这是因为 JavaScript 引擎在扫描代码发现变量声明时,要么将他们提升到作用域顶部(遇到 var 声明),要么将声明放在 TDZ 中(遇到 let 和 const 声明)。访问 TDZ 中的变量会触发运行时错误。只有执行过变量声明语句后,变量才会从 TDZ 中移除,然后方可访问。
看似很好理解,但不保证不犯错:
var value = 'global'
// 例子1
(function() {
console.log(value)
let value = 'local'
}())
// 例子2
{
console.log(value)
const value = 'local'
}
两个例子中,结果并不会打印 "gobal"
而是报错 ReferenceError: value is not defined
,就是因为 TDZ 的缘故。