关于的 let 关键字的一个小问题

刚才在看阮一峰老师的《ES6标准入门》,在介绍 let 那一段时有这么一段话

我就自己在控制台试了一下这段代码,输出果然的是"abc",于是我就把代码稍微修改了下

也没啥问题,证明了上面那段话的正确性。

然后,我又把 i++ 前的 console.log(i) 挪到了下面,神奇的事情发生了!

刚才还好好的,怎么突然就这样了呢?再修改下代码试试

 

 结果又出来了!

思考:

  JavaScript 代码在编译阶段会进行词法分析,应该就是在这个时候 JavaScript 引擎内部发现了定义在循环变量那里的 let 块级作用域和定义在循环体内部的 let 块级作用域。既然 let 是不能够跨域访问的,那么根据就近原则,写在循环体内部的 console.log(i) 就是属于内部的这个 let 块级作用域的,在引用 i 的时候自然就会从内部的这个 let 块级作用域中去找,但是 let i = 'abc' 又是定义在引用输出 i 之后,结果自然就报错了。

补充:

  尴尬了尴尬了。。。

  

   刚看完一小部分就跑来写了文章,结果紧接着就是讲这个问题,这种现象有个专业名词叫“TDZ” ( ̄_ ̄|||)

参考文章:《ES6标准入门》阮一峰:let 和 const 命令

原文地址:https://www.cnblogs.com/linyisme/p/11661918.html