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

Posted 2021-02-16 liubeimeng

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
}