一時的なデッドゾーンとは何ですか？

初期化される前に値にアクセスするletと、一時的なデッドゾーンと呼ばれるものconstが原因で発生する可能性があると聞きました。ReferenceError

一時的なデッドゾーンとは何ですか、それはスコープと巻き上げにどのように関係し、どのような状況で発生しますか？

letとconst2つの大きな違いがありvarます。

1. それらはブロックスコープです。
2. var宣言される前にアクセスすると、結果が得られundefinedます。宣言される前、letまたはconst宣言される前にthrows ReferenceError：

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

これらの例から、let宣言（およびconst、同じように機能する）は、値が割り当てられる前は存在していないように見えるため、巻き上げられない可能性があるようにaLet見えます。

すなわち、however-そうではない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.

TDZは、babel.jsトランスパイラーではデフォルトで有効になっていません。「高コンプライアンス」モードをオンにして、REPLで。供給es6.spec.blockScopingCLIまたはライブラリとしてそれを使用するためのフラグを。

さらに読むことをお勧めします：TDZ demystifiedおよびES6 Let、Const、およびDepthの「Temporal Dead Zone」（TDZ）。

巻き上げ：
let、const、varすべての掲揚のプロセスを取得しています。
（何が意味するかというと、それらは上に行き、スコープの上部で宣言します。）

初期化：

• var 初期プロセスも経て、の初期値を得る undefined。
  
• 一方let、const最初のプロセスをスローしなかったため、すでに宣言されていますが、それらの値にはアクセスできません。それらを入れたものtemporal dead zone

だからまもなく：

巻上工程：var、let、const
初期化プロセス： var

letおよびconst変数の場合、基本的に、Temporal Dead Zoneはゾーンです

"変数が宣言される前"、

つまり、これらの変数の値にアクセスできない場合、エラーがスローされます。

例

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;