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

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

一時(shí)的なデッド ゾーンとは

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

let/const と var

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

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

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

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

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

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

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

  let tmp; // TDZ結(jié)束
  console.log(tmp); // undefined

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

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

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

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

typeof x; // ReferenceError
let x;

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

typeof y; // 'undefined'

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

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

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

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

bar(); // 報(bào)錯(cuò)

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

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

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

// 不報(bào)錯(cuò)
var x = x;

// 報(bào)錯(cuò)
let x = x;
// ReferenceError: x is not defined

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

概要

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

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

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

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

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

以上がes6 の一時(shí)的なデッドゾーンとは何を意味しますか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。