Heim > Web-Frontend > js-Tutorial > Wie wirkt sich das Hoisting und Scoping von JavaScript-Funktionen auf die Zuweisung und den Abruf von Variablen aus?

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

Barbara Streisand
Freigeben: 2024-12-17 17:08:13
Original
346 Leute haben es durchsucht

How Does JavaScript Function Hoisting and Scoping Affect Variable Assignment and Retrieval?

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() {}
}
Nach dem Login kopieren

Der Interpreter ordnet diesen Code wie folgt neu:

function b() {
    function a() {}
    a = 10;
    return;
}
Nach dem Login kopieren

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 () {};
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage