了解下es6中的let、const暂时性死区

2019-11-20 20:37:26

关于TDZ(暂时性死区的小知识)

es6示例代码

es6中,下面的代码执行后会报ReferenceError: a is not defined的错误


let a = 'global'
{
  console.log(a) // ReferenceError: a is not defined
  let a = 1
}

原因:

  • console.log(a) 中的 a 指的是下面的 a,而不是全局的 a
  • 执行 log 时 a 还没「初始化」,所以不能使用(也就是所谓的暂时死区)

why

ES6标准的解释

The variables are created when their containing Lexical Environment is instantiated but may not be accessed inany way until the variable’s LexicalBinding is evaluated.

⬇️

当程序的控制流程在新的作用域(module function 或 block 作用域)进行实例化时,在此作用域中用let/const声明的变量会先在作用域中被创建出来,但因此时还未进行词法绑定,所以是不能被访问的,如果访问就会抛出错误。因此,在这运行流程进入作用域创建变量,到变量可以被访问之间的这一段时间,就称之为暂时死区。

let/const 命令会使区块形成封闭的作用域。若在声明之前使用变量,就会报错。
在代码块内,使用 let 命令声明变量之前,该变量都是不可用的。
语法上称为 “暂时性死区”( temporal dead zone)

advice

所以这就促使我们养成良好的编程习惯,变量一定要先声明后使用😄😄

本文链接:
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-ND 3.0 许可协议。可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。

扫描下方二维码阅读当前文章

浏览器、微信扫码
微信小程序

评 论:

好文推荐
极客之路公众号
微信情报 更多 >
    每天进步一点点~