JavaScript Gültigkeitsbereich

Der Gültigkeitsbereich ist die Sammlung der zugänglichen Variablen.

JavaScript-Gültigkeitsbereich

In JavaScript sind Objekte und Funktionen ebenfalls Variablen.

In JavaScript ist der Gültigkeitsbereich die Menge der zugänglichen Variablen, Objekte und Funktionen.

JavaScript-Funktionsgültigkeitsbereich: Der Gültigkeitsbereich wird innerhalb der Funktion geändert.

Lokaler Gültigkeitsbereich in JavaScript

In einer Funktion deklarierte Variablen sind lokale Variablen und haben lokalen Gültigkeitsbereich.

Lokale Variablen: Nur innerhalb der Funktion zugänglich.

Beispiele

//Die Variable carName kann hier nicht aufgerufen werden. function myFunction() { var carName = "Volvo"; //Die Variable carName kann innerhalb der Funktion aufgerufen werden. }

Selbst ausprobieren »

Da lokale Variablen nur innerhalb der Funktion funktionieren, können verschiedene Funktionen Variablen mit demselben Namen verwenden.

Lokale Variablen werden erstellt, wenn die Funktion mit der Ausführung beginnt, und werden automatisch zerstört, nachdem die Funktion die Ausführung beendet hat.

Globale Variablen in JavaScript

Eine Variable, die außerhalb einer Funktion definiert wird, ist eine globale Variable.

Globale Variablen habenglobalen Gültigkeitsbereich: Alle Skripte und Funktionen auf der Webseite können sie verwenden.

Beispiele

var carName = " Volvo"; //Die Variable carName kann hier aufgerufen werden. function myFunction() { //Die Variable carName kann innerhalb der Funktion aufgerufen werden. }

Selbst ausprobieren »

Wenn eine Variable nicht innerhalb einer Funktion deklariert wird (ohne das Schlüsselwort var zu verwenden), ist die Variable eine globale Variable.

Im folgenden Beispiel befindet sich carName innerhalb der Funktion, aber es ist eine globale Variable.

Beispiele

//Die Variable carName kann hier aufgerufen werden. function myFunction() { carName = "Volvo"; //Die Variable carName kann hier aufgerufen werden. }

Selbst ausprobieren »

Lebenszyklus von JavaScript-Variablen

Der Lebenszyklus einer JavaScript-Variable wird initialisiert, wenn sie deklariert wird.

Lokale Variablen werden zerstört, nachdem die Funktion ihre Ausführung beendet hat.

Globale Variablen werden zerstört, nachdem die Seite geschlossen wurde.

Funktionsparameter

Funktionsparameter wirken nur innerhalb der Funktion und sind lokale Variablen.

Globale Variablen in HTML

In HTML sind globale Variablen das window-Objekt, daher kann das window-Objekt lokale Variablen innerhalb von Funktionen aufrufen, die nicht deklariert sind (ohne var).

Hinweis:Alle globalen Variablen gehören zum window-Objekt.

Beispiele

//window.carName kann hier verwendet werden. function myFunction() { carName = "Volvo"; }

Selbst ausprobieren »

Wussten Sie schon?

Note Ihre globalen Variablen oder Funktionen können die Variablen oder Funktionen des window-Objekts überschreiben.
Lokale Variablen, einschließlich des window-Objekts, können globale Variablen und Funktionen überschreiben.

In JavaScript kann vom äußeren Bereich normalerweise nicht direkt auf lokale Variablen innerhalb einer Funktion zugegriffen werden, aber es gibt mehrere Möglichkeiten, lokale Variablen in einer Funktion gegenüber dem äußeren Bereich offenzulegen, wie folgt:

  • Durch das globale Objekt:Innerhalb einer Funktion können Sie eine lokale Variable global zugänglich machen, indem Sie sie einer Eigenschaft des window-Objekts zuweisen. Zum Beispiel können Sie mit der Anweisungwindow.a = a;außerhalb der Funktion überwindow.aauf den Wert dieser lokalen Variable zugreifen.
  • Globale Variablen definieren:Wenn innerhalb einer Funktion beim Deklarieren einer Variablen keine Schlüsselwörter wievar、letoderconstverwendet werden, wird die Variable als globale Variable behandelt und es kann außerhalb der Funktion auf sie zugegriffen werden. Diese Praxis wird jedoch im Allgemeinen nicht empfohlen, da sie unerwartete Nebenwirkungen verursachen und den Code schwer wartbar machen kann.
  • Rückgabewert:Sie können innerhalb einer Funktion einereturnAnweisung verwenden, um den Wert einer lokalen Variablen zurückzugeben, und dann den Rückgabewert außerhalb der Funktion empfangen. Auf diese Weise wird die lokale Variable selbst zwar nicht offengelegt, aber ihr Wert kann durch einen Funktionsaufruf nach außen übergeben werden.
  • Closures:Das Closure-Feature in JavaScript ermöglicht inneren Funktionen, auf lokale Variablen äußerer Funktionen zuzugreifen. Selbst nachdem die äußere Funktion die Ausführung beendet hat, können ihre lokalen Variablen weiterhin von der inneren Funktion referenziert werden.
  • Eigenschaften und Methoden:Variablen und Funktionen, die im globalen Bereich definiert sind, werden zu Eigenschaften und Methoden des window-Objekts. Wenn Sie sie aufrufen, können Sie window weglassen und direkt den Variablennamen oder Funktionsnamen verwenden.
Weitere Erweiterungen