Deklarieren Sie globale Variablen in JavaScript

1. Deklarieren Sie die globale Variable in JavaScript
2. Deklarieren Sie globale Variablen innerhalb einer JavaScript-Funktion

In diesem Tutorial wird erläutert, wie globale Variablen in JavaScript deklariert werden.

Variablen enthalten die Daten und Informationen, die jederzeit bearbeitet werden können. In JavaScript können die Variablen mit Schlüsselwörtern wie const, let und var deklariert werden. Der Umfang der Variablen wird normalerweise durch den Ort ihrer Deklaration definiert. Eine in einer Funktion deklarierte Variable hat einen lokalen Gültigkeitsbereich und wird daher als lokale Variable bezeichnet. Globale Variablen werden außerhalb der Funktionen definiert und haben Zugriff auf alle Funktionen und nicht nur auf eine.

Wir können auch globale Variablen innerhalb einer Funktion deklarieren, indem wir das Schlüsselwort window verwenden. Die Lebensdauer einer globalen Variablen endet, wenn wir das Browserfenster schließen, im Gegensatz zu lokalen Variablen, die gelöscht werden, wenn die Funktion endet. Globale Variablen verursachen häufig Probleme beim Debuggen und werden daher im Allgemeinen vermieden. Sie können durch jede Funktion modifiziert werden, was das Leben miserabel macht.

Deklarieren Sie die globale Variable in JavaScript

<script>
var yourGlobalVariable;
function foo() {
    // ...
}
</script>

Wir können eine globale Variable deklarieren, indem wir eine Variable außerhalb aller Funktionen deklarieren.

Deklarieren Sie globale Variablen innerhalb einer JavaScript-Funktion

Verwenden Sie globalThis, um globale Variablen in JavaScript zu deklarieren

<script>
function foo() {
    globalThis.yourGlobalVariable = ...;
}
</script>

Die globale Eigenschaft globalThis enthält den globalen Wert this, der dem globalen Objekt ähnelt und zum Deklarieren globaler Variablen innerhalb einer Funktion verwendet werden kann.

Verwenden Sie window, um globale Variablen in JavaScript zu deklarieren

<script>
function foo() {
    window.yourGlobalVariable = ...;
}
</script>

In Browsern sind alle mit var deklarierten globalen Variablen Eigenschaften des Objekts window. Wir können globale Variablen innerhalb einer Funktion deklarieren, indem wir Eigenschaften an ein window-Objekt anhängen.