Detaillierte Einführung in das Konzept der „temporären Totzone' in JS

Temporäre Totzone

Solange der Befehl let im Bereich auf Blockebene existiert, sind die von ihm deklarierten Variablen für diesen Bereich „bindend“ und nicht länger gültig durch äußere Einflüsse beeinflusst werden.

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

Im obigen Code gibt es eine globale Variable tmp, aber let deklariert eine lokale Variable tmp im Bereich auf Blockebene, wodurch letztere diesen Bereich auf Blockebene bindet. also in let Bevor Sie eine Variable deklarieren, führt die Zuweisung eines Werts zu tmp zu einem Fehler.

ES6 legt klar fest, dass, wenn in einem Block die Befehle let und const vorhanden sind, die von diesen Befehlen in diesem Block deklarierten Variablen von Anfang an einen geschlossenen Bereich bilden. Jede Verwendung dieser Variablen vor der Deklaration führt zu einem Fehler.

Kurz gesagt, innerhalb des Codeblocks ist die Variable erst verfügbar, wenn sie mit dem Befehl let deklariert wird. Syntaktisch wird dies als „temporäre Totzone“ (TDZ) bezeichnet.

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

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

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

Bevor der Befehl let im obigen Code die Variable tmp deklariert, gehört sie zur „toten Zone“ der Variablen tmp.

„Vorübergehende Totzone“ bedeutet auch, dass typeof kein 100 % sicherer Betrieb mehr möglich ist.

typeof x; // ReferenceError
let x;

Im obigen Code wird die Variable x mit dem Befehl let deklariert, sodass sie vor der Deklaration zur „toten Zone“ von x gehört, solange die Variable verwendet wird, wird ein Fehler gemeldet. Daher wird ein typeof ausgelöst, wenn ReferenceError ausgeführt wird.

Zum Vergleich: Wenn eine Variable überhaupt nicht deklariert ist, wird bei Verwendung von typeof kein Fehler gemeldet.

typeof undeclared_variable // "undefined"

Im obigen Code ist undeclared_variable ein Variablenname, der nicht existiert, und das Ergebnis ist „undefiniert“. Daher war der let-Operator, bevor es kein typeof gab, zu 100 % sicher und würde niemals einen Fehler melden. Das stimmt nicht mehr. Dieses Design soll jedem helfen, gute Programmiergewohnheiten zu entwickeln. Variablen müssen nach ihrer Deklaration verwendet werden, andernfalls wird ein Fehler gemeldet.

Einige „tote Zonen“ sind versteckt und schwer zu finden.

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

bar(); // 报错

Im obigen Code liegt der Grund, warum der Aufruf der Funktion bar einen Fehler meldet (einige Implementierungen melden möglicherweise keinen Fehler), darin, dass der Standardwert des Parameters x einem anderen Parameter , und zu diesem Zeitpunkt y Es wurde noch nicht deklariert, es handelt sich also um eine „tote Zone“. Wenn der Standardwert von y y ist, wird kein Fehler gemeldet, da x zu diesem Zeitpunkt deklariert wurde. x

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

Darüber hinaus meldet der folgende Code auch einen Fehler, der sich vom Verhalten von

unterscheidet. var

// 不报错
var x = x;

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

Der vom obigen Code gemeldete Fehler ist auch auf die vorübergehende tote Zone zurückzuführen. Wenn Sie

zum Deklarieren einer Variablen verwenden, wird ein Fehler gemeldet, solange die Variable verwendet wird, bevor die Deklaration abgeschlossen ist. Die obige Zeile gehört zu dieser Situation. Bevor die Deklarationsanweisung der Variablen let ausgeführt wird, wird der Wert von x übernommen, was zu einem Fehler „x ist nicht definiert“ führt. x

ES6 legt fest, dass die Variablenheraufstufung nicht in temporären Totzonen und

, let-Anweisungen erfolgt. Dies dient hauptsächlich dazu, Laufzeitfehler zu reduzieren und zu verhindern, dass die Variable verwendet wird, bevor sie deklariert wird, was zu unerwarteten Folgen führt Verhalten. Fehler wie dieser kommen in ES5 sehr häufig vor, und da diese Bestimmung nun vorhanden ist, können sie leicht vermieden werden. const

Kurz gesagt, das Wesen der temporären Totzone besteht darin, dass die Variable, die Sie verwenden möchten, bereits vorhanden ist, sobald Sie den aktuellen Bereich betreten, aber nicht verfügbar ist. Sie können sie nur dann abrufen und abrufen Die Codezeile, die die Variable deklariert, wird angezeigt. Verwenden Sie diese Variable.

Verwandte Empfehlungen:

Was ist JS-Voranalyse?

Was ist der Unterschied zwischen der Verwendung von js string indexof und der Suche

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Konzept der „temporären Totzone' in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!