ES2015中let的暂时性死区(TDZ)

Tomporal Dead Zone (TDZ)是ES2015中对作用域新的专用定义。是对于某些遇到在区块作用域绑定早于声明语句时的情况。Tomporal Dead Zone (TDZ)可以理解为时间上无法达到的区域,简称“时间死区”或者“暂时死区”。

请思考下面代码,结果会是神马?

1 console.log(a);
2 var a = 12;

如果你了解变量预编译过程,变量提升,那么很容易就会知道,这段代码相当于:

1 var a;
2 console.log(a);

因此,会输出undefined

而在ES2016中,使用let命令,会产生什么样的结果:

1 alert(a);
2 let a = 5;

浏览器报错:ReferenceError: a is not defined

原因是,我们忽略了let暂时性死区

如下所示:

1 alert(a);//TDZ暂时性死区
2 let a = 5;//TDZ结束

其他影响,

对TDZ期间中的变量/常量作任何的访问动作,一律会抛出错误,需要注意:

typeof x // "undefined"

{
  // TDZ
  typeof a // ReferenceError
  let a = 12
}
posted @ 2019-04-11 00:18  SkyTeam_LBM  阅读(355)  评论(0编辑  收藏  举报