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" 而是报错 Cannot access 'value' before initialization,就是因为 TDZ 的缘故。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值