時間的不感帯とは何ですか？

Question

letとconstの値が宣言される前にアクセスすると、という一時的なデッドゾーンと呼ばれるものがあるため、ReferenceErrorが発生する可能性があると聞いています。

一時的なデッドゾーンとはどのようなものですか？スコープとホイストにはどのような関係がありますか？どのような状況で発生しますか？

Answer 1

letとconstvarから二つの広い違いがあります：彼らはblock scopedある

1. を。
2. 宣言される前にvarにアクセスすると、結果はundefinedになります。それが宣言される前にletかconstにアクセスするReferenceErrorをスロー：

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

（同じように動作し、const、）let宣言はhoistedではないかもしれないことをこれらの例から現れ、 aLetは値が割り当てられる前に存在していないように見えます。

場合ではない、however- letとconstは（等var、class及びfunction）掲揚が、範囲を入力し、それらにアクセスすることができない場合宣言されるまでの期間が存在しています。 この期間は、時間的不感帯（TDZ）です。

//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を終了しますまだReferenceErrorの原因となる内側のスコープでxへのアクセス

Credit: Temporal Dead Zone (TDZ) demystified

。 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. 

TDZはbabel.js transpilerではデフォルトで有効になっていません。 REPLで使用するには、「高コンプライアンス」モードをオンにします。 CLIまたはライブラリとして使用するには、es6.spec.blockScopingフラグを指定してください。

続きを読む推奨：TDZ demystifiedおよびES6 Let, Const and the “Temporal Dead Zone” (TDZ) in Depth。