es6 の一時的なデッドゾーンとは何を意味しますか?

es6 では、一時的なデッド ゾーンは構文エラーであり、ブロックを閉じたスコープにする let および const コマンドを指します。コード ブロック内では、let/const コマンドを使用して変数が宣言される前に、変数は使用できず、変数が宣言される前は変数の「デッド ゾーン」に属します。これは構文上「一時デッド ゾーン」と呼ばれます。 ES6 では、一時的なデッド ゾーンや let ステートメントや const ステートメントでは変数のプロモーションが発生しないことを規定しています。これは主に実行時エラーを軽減し、変数が宣言される前に使用されて予期せぬ動作が発生することを防ぐためです。

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

一時的なデッド ゾーンとは

#ES6 のコード ブロック内で、let/const コマンドを使用して変数を宣言する前、変数は使用できず、宣言される前は変数の「デッド ゾーン」に属しています。文法的には、これは「一時的なデッド ゾーン」(TDZ) と呼ばれます。 ES 標準では TDZ について明示的に言及していませんが、let と const の改善しない効果を説明するためによく使用されます。

let/const と var

ES6 より前は、JS スコープはグローバル スコープと関数スコープの 2 種類しかありませんでした。しかし、ES6 ではブロックレベルのスコープが登場しました。つまり、ブロックレベルのスコープは let/const を使用して定義できます。 ES6 の新機能の中で、TDZ の役割を確認する最も簡単な方法は、let/const を使用することです。 let/const と var には主に 2 つの違いがあります:

• let/const はブロック スコープを使用します; var は関数スコープを使用します
• let/const が宣言される前に対応する変数にアクセスする場合および定数の場合は、ReferenceError がスローされますが、var 宣言の前に対応する変数にアクセスすると、unknown が返されます

console.log(Vname); // undefined;
console.log(Lname); // ReferenceError
var Vname = 'xiaoxiao';
let Lname = 'xiaoxiao';

実践により、宣言前に var 定義を使用すると、 let's変数を使用する場合は未定義ですが、let's unknown変数を使用するとエラーがスローされます。 ES6 の let で宣言された変数には変数昇格の効果がないためです。

var x = 10;
if (true) {
    x = 20; // ReferenceError
    let x;
 }

ES6 では、ブロック内に let および const コマンドがある場合、このブロック内のこれらのコマンドによって宣言された変数は最初から閉じられたスコープを形成することを明確に規定しています。宣言前にこれらの変数を使用すると、エラーが発生します。 つまり、コード ブロック内では、let コマンドを使用して宣言されるまで変数は使用できません。文法的には、これは「一時的なデッド ゾーン」(TDZ) と呼ばれます。

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ结束
  console.log(tmp); // undefined

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

上記のコードでは、let コマンドが変数 tmp を宣言する前に、変数 tmp の「デッド ゾーン」に属しています。

typeof の「デッド ゾーン」トラップ

typeof を使用すると、指定された変数のデータ型を検出できることは誰もが知っています。値が定義されているかどうかを決定します。 unknown が返された場合、値が未定義であることを意味します。 ただし、typeof の宣言前に const/let で定義された変数を使用するとエラーが報告されます

typeof x; // ReferenceError
let x;

x は let で宣言されているため、x 宣言前は一時的なデッドゾーンとなります。 typeof エラーが報告されます。したがって、let/const を使用して宣言された変数は、typeof を使用するときに必ずしも安全であるとは限りません。

typeof y; // 'undefined'

しかし、typeof を定義せずに単に使用した場合、エラーは報告されないことがわかります。このことから、const/let 定義を使用するための明確な規定がない限り、エラーは報告されないことがわかります。エラーにはなりません。

パラメータを渡す「デッドゾーン」の罠

たとえば、次のコードでは、

function bar(x = y, y = 2) {
  return [x, y];
}

bar(); // 报错

を使用しています。

上記のコードで、bar 関数を呼び出すとエラーが報告される理由 (一部の実装ではエラーが報告されない場合があります) は、パラメーター x のデフォルト値が別のパラメーター y と等しく、この時点では y が宣言されていないためです。 「デッドゾーン」に属する時間。 y のデフォルト値が x の場合、x はこの時点で宣言されているため、エラーは報告されません。

function bar(x = 2, y = x) {
  return [x, y];
}
bar(); // [2, 2]

var ステートメントと let ステートメントの使用のもう 1 つの違い。

// 不报错
var x = x;

// 报错
let x = x;
// ReferenceError: x is not defined

「デッド ゾーン」の影響を受け、let を使用して変数を宣言する場合、宣言が完了する前に変数が使用されている限り、エラーが報告されます。上の行はこの状況に属し、変数 x の宣言文が実行される前に x の値が取得されるため、「x が定義されていません」というエラーが発生します。

概要

ES6 では、主に実行時エラーを削減し、エラーを防ぐために、一時的なデッド ゾーンや let ステートメントや const ステートメントでは変数のプロモーションが発生しないと規定しています。変数を宣言する前に使用すると、予期しない動作が発生する可能性があります。このような間違いは ES5 ではよくあることですが、この規定が整備されたことで、それらを避けるのは簡単です。

つまり、一時的なデッド ゾーンの本質は、現在のスコープに入るとすぐに、使用したい変数がすでに存在するにもかかわらず、それを取得できないということです。変数を宣言するコード行が表示されるので、この変数を使用します。

注: TDZ はもともと const 用に設計されましたが、その後の let の設計にも一貫性がありました。

注: ES6 標準では、const に対して宣言された識別子は依然として定数変数と呼ばれる変数であることがよくあります。 const 宣言で作成された定数は JS では再代入できませんが、不変ではないため、両者の概念には依然として大きな違いがあります。

【関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がes6 の一時的なデッドゾーンとは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。