Temporal Dead Zone (TDZ) und Heben in JavaScript:

Temporal Dead Zone (TDZ) und Heben in JavaScript:

1. Temporal Dead Zone (TDZ): Die Temporal Dead Zone bezieht sich auf den Zeitraum zwischen dem Eintritt in den Gültigkeitsbereich (z. B. einem Block oder einer Funktion) und der Deklaration der Variablen. In dieser Zone führt jeder Versuch, auf die Variable zuzugreifen, zu einem ReferenceError. Die TDZ existiert für Variablen, die mit let, const und class deklariert wurden, bevor sie initialisiert werden.

Beispiel:

console.log(myVar); // undefiniert
console.log(myLet); // ReferenceError: Auf „myLet“ kann vor der Initialisierung nicht zugegriffen werden

var myVar = 5;
let myLet = 10;

Im obigen Beispiel wird myVar mit var deklariert, sodass es angehoben und auf undefiniert initialisiert wird. Aber myLet befindet sich bis zu seiner Deklaration in der temporären Totzone und versucht daher, darauf zuzugreifen, bevor die Deklaration einen ReferenceError auslöst.

Wichtige Punkte zu TDZ:

Variablen, die mit let oder const deklariert wurden, sind vor ihrer Deklaration innerhalb eines Blockbereichs nicht zugänglich, auch wenn sie angehoben werden.

Dies verhindert die Verwendung von Variablen, bevor sie explizit initialisiert werden.

1. Hoisting: Hoisting bezieht sich auf das Verhalten in JavaScript, bei dem Variablen- und Funktionsdeklarationen während der Kompilierungsphase an die Spitze ihres Gültigkeitsbereichs (entweder den globalen Gültigkeitsbereich oder den Funktions-/Blockbereich) verschoben werden. Allerdings werden nur die Deklarationen gehisst, nicht die Initialisierungen.

Beispiel:

console.log(myVar); // undefiniert
var myVar = 5;

Im obigen Beispiel wird die Deklaration von myVar nach oben gehoben, ihre Initialisierung (myVar = 5) bleibt jedoch an der Stelle, an der sie geschrieben wurde. Wenn console.log(myVar) also vor der Initialisierung aufgerufen wird, wird undefiniert zurückgegeben.

Heben von var, let, const und Funktionen:

var: Mit var deklarierte Variablen werden angehoben und mit undefiniert initialisiert.

console.log(myVar); // undefiniert
var myVar = 10;

let und const: Mit let und const deklarierte Variablen werden angehoben, aber nicht initialisiert. Sie bleiben bis zu ihrer Initialisierung in der TDZ.

console.log(myLet); // ReferenceError
let myLet = 20;

Funktionsdeklarationen: Funktionsdeklarationen sind vollständig hochgezogen, was bedeutet, dass Sie die Funktion bereits vor dem Punkt aufrufen können, an dem sie im Code deklariert wird.

myFunc(); // „Hallo!“

Funktion myFunc() {
console.log("Hallo!");
}

Hauptunterschiede zwischen Hebezeug und TDZ:

Hoisting hebt Variablen- und Funktionsdeklarationen an die Spitze ihres Gültigkeitsbereichs.

Die zeitliche Totzone tritt für let, const und class auf, wo die Variablen angehoben werden, aber erst nach ihrer Initialisierung auf sie zugegriffen werden kann. Dies verhindert den Zugriff auf Variablen vor ihrer Deklaration.

Das obige ist der detaillierte Inhalt vonTemporal Dead Zone (TDZ) und Heben in JavaScript:. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!