什么是暂时死区？

Question

我听说在初始化之前访问let和const值可能会导致ReferenceError因为称为时间死区的东西.

什么是暂时死区,它与范围和吊装有什么关系,以及在什么情况下遇到？

Answer 1

let并且const有两个不同的区别var:

1. 它们是块范围的.
2. var在声明之前访问a 具有结果undefined; 访问a let或const之前声明抛出ReferenceError:

console.log(aVar); // undefined
console.log(aLet); // causes ReferenceError: aLet is not defined
var aVar = 1;
let aLet = 2;

从这些示例中可以看出,let声明(以及const以相同的方式工作)可能不会被提升,因为aLet在为其分配值之前似乎不存在声明.

但事实并非如此 - let并且const 被提升(如var,class和function),但是在进入范围和被宣布无法访问范围之间存在一段时间.这个时期是时间死区(TDZ).

该TDZ结束时aLet被宣布,而不是分配:

//console.log(aLet)  // would throw ReferenceError

let aLet;
console.log(aLet); // undefined
aLet = 10;
console.log(aLet); // 10

此示例显示let已挂起:

let x = 'outer value';
(function() {
  // start TDZ for x
  console.log(x);
  let x = 'inner value'; // declaration ends TDZ for x
}());

信用:时间死区(TDZ)神秘化

x在内部范围内访问仍然会导致ReferenceError.如果let没有悬挂,它会记录outer value.

TDZ是一件好事,因为它有助于突出显示错误 - 在声明之前访问一个值很少是故意的.

TDZ也适用于默认函数参数.参数从左到右进行计算,每个参数都在TDZ中,直到分配为止:

// b is in TDZ until its value is assigned
function testDefaults(a=b, b) { }
testDefaults(undefined, 1); // throws ReferenceError because the evaluation of a reads b before it has been evaluated.

babel.js转换器默认不启用TDZ .打开"高符合性"模式以在REPL中使用它.提供es6.spec.blockScoping标志以将其与CLI一起使用或作为库使用.

推荐进一步阅读:TDZ神秘化,ES6 Let,Const和"时间死区"(TDZ)深度.

Answer 2

吊装：
let、const、var都是得到吊装的过程。
（这意味着它们在作用域的顶部进行声明。）

初始化：

• var也经过初始过程，得到 的初始值undefined。
  
• while let,const并没有抛出初始进程，所以它们的值仍然无法访问，尽管它们已经声明了。是什么把它们放进去temporal dead zone

所以很快：

吊装过程：var, let,const
初始化过程： var

Answer 3

在 let 和 const 变量的情况下，基本上，临时死区是一个区域

“在声明变量之前”，

即在您无法访问这些变量的值的地方，它会抛出错误。

前任。

let sum = a + 5;        //---------
//some other code       //         | ------>  this is TDZ for variable a
                        //         |
console.log(sum)        //---------
let a = 5;

上面的代码给出了一个错误

当我们对变量“a”使用 var 时，相同的代码不会给出错误，

前任。

var sum = a;                            
console.log(sum)     //prints undefined
var a = 5;