Wie wirkt sich das Hoisting und Scoping von JavaScript-Funktionen auf die Zuweisung und den Abruf von Variablen aus?

Scoping und Hoisting von Javascript-Funktionen: Enthüllung der verborgenen Mechanismen

Sie sind auf ein verblüffendes Beispiel zum Scoping und Hoisting von JavaScript gestoßen. Lassen Sie uns tiefer in diese Konzepte eintauchen, um ein klareres Verständnis zu erlangen.

Function Hoisting

Hoisting hebt Funktionsdeklarationen an die Spitze ihres enthaltenden Geltungsbereichs. In Ihrem Beispiel:

function b() {
    a = 10;
    return;

    function a() {}
}

Der Interpreter ordnet diesen Code wie folgt neu:

function b() {
    function a() {}
    a = 10;
    return;
}

Dies bedeutet, dass die Deklaration der inneren Funktion a() effektiv am Anfang von b() platziert wird. Funktion, auch wenn sie später im Code erscheint.

Variablenbereich

In JavaScript Variablen kann global oder lokal gelten. Auf globale Variablen kann von überall im Programm zugegriffen werden, während lokale Variablen auf den Bereich ihrer definierenden Funktionen beschränkt sind.

Der seltsame Fall von Funktionsdeklarationen

In Ihrem Code , die Deklaration der inneren Funktion a() innerhalb von b() wird als unmittelbarer Funktionsaufruf interpretiert:

var a = function () {};

Dadurch wird effektiv eine lokale Variable a in b() erstellt. Funktion, die die globale a-Variable schattiert.

Alles zusammenfassen

Durch die Kombination der Konzepte des Hebens und des Variablenbereichs können Sie die Ausführungssequenz wie folgt visualisieren:

• Die Deklaration der Funktion b() wird an die Spitze des globalen Gültigkeitsbereichs gehoben.
• Die Die Anweisung var a = 1 definiert die globale Variable a.
• Die Deklaration der inneren Funktion a() wird auch innerhalb der Funktion b() angehoben und verhält sich wie var a = function () {};.
• Die a = 10-Anweisung weist die lokale a-Variable in b() neu zu.
• Wenn Sie alarm(a) aufrufen, wird die globale a-Variable zurückgegeben, die nicht geändert wurde und bleibt sein ursprünglicher Wert von 1.

Das obige ist der detaillierte Inhalt vonWie wirkt sich das Hoisting und Scoping von JavaScript-Funktionen auf die Zuweisung und den Abruf von Variablen aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!