码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-04-11 01:40:27      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:class   常量   理解   编译   访问   无法   tom   预编译   es2015   

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
}

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

标签:class   常量   理解   编译   访问   无法   tom   预编译   es2015   

原文地址:https://www.cnblogs.com/liubeimeng/p/10687154.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!