JS临时死区(TDZ)

临时死区(Temporal Dead Zone),简写为 TDZ。

letconst 声明的变量不会被提升到作用域顶部,如果在声明前访问这些变量,会导致错误:

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 的缘故。

猜你喜欢

转载自blog.csdn.net/userkang/article/details/86595932