为什么此代码不会导致 ReferenceError？

Question

if(true) {
  tmp = 'abc';
  console.log(tmp);//which should throw referenceError but not

  let tmp;
  console.log(tmp);

  tmp = 123;
  console.log(tmp);
}

这段代码导致

abc
undefined
123

为什么第一个console.log(tmp)没有报错？

---

why it should throw a referenceError

在 ECMAScript 2015 中，让我们将变量提升到块的顶部。但是，在变量声明之前引用块中的变量会导致 ReferenceError。从块开始到处理声明，该变量处于“临时死区”中。

---

问题是 bable 设置，我想。

---

所以，也许这是通天塔的一个错误？ https://github.com/babel/babel.github.io/issues/826

Answer 1

不，它不应该引发引用错误。

变量在赋值时被隐式声明（在全局范围内）。

然后，稍后，您声明一个具有相同名称但范围更窄的 new 变量。新变量没有被提升，因为它是使用let 声明的。

我无法给出更准确的答案，因为你没有解释为什么你认为你应该得到一个参考错误。

Answer 2

声明

tmp = 'abc';

不优雅但在正常模式下仍然可以（除了 let 关键字，它不允许在严格模式之外）。它只会创建全局变量。但是，代码不正确，只有在“严格模式”下执行此代码时才会抛出错误。在这种模式下，您必须使用以下关键字之一声明所有变量：

• 变量
• 让
• 常量

'use strict'
if(true) {
  tmp = 'abc';
  console.log(tmp);//which should throw referenceError and now it does
                  
  let tmp;
  console.log(tmp);

  tmp = 123;
  console.log(tmp);
}

Answer 3

你是对的，在 ES6 中这确实会引发异常。不适合您的原因有两个：

• node.js 已经实现let - 但它只能在严格模式下正常工作。你应该使用它。
• 默认情况下，babel 似乎不会转译 TDZ，因为它非常复杂并且会导致代码冗长。但是，您可以使用 es6.blockScopingTDZ/es6.spec.blockScoping 选项启用它（但我不确定这是否仅在 Babel 5 中有效，以及在 Babel 6 中发生了什么）。