Wie kann ich von einer anderen auf Variablen in einer JavaScript-Datei zugreifen?

Zugriff auf dateiübergreifende Variablen in JavaScript

Können Sie in einer anderen JavaScript-Datei auf Variablen zugreifen, die in einer anderen Datei deklariert sind? Die Antwort lautet „Ja“, wenn auch mit gewissen Einschränkungen.

Variablenbereich in JavaScript

In JavaScript sind im globalen Bereich deklarierte Variablen für alle Skripte zugänglich, die nach dem Laden geladen werden erklärt. Das heißt, wenn Sie eine Variable in einer Datei namens first.js deklarieren, können Sie in einer anderen Datei namens second.js darauf zugreifen, vorausgesetzt, dass second.js nach first.js geladen wird.

Beispiel

Betrachten Sie das folgende Beispiel:

first.js

<code class="js">var colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369",
};</code>

second.js

<code class="js">alert(colorCodes.back); // alerts "#fff"</code>

In diesem Beispiel wird die Variable colorCodes in first.js deklariert. Wenn second.js geladen wird, hat es Zugriff auf colorCodes und kann seine Mitglieder abrufen.

Globales Fensterobjekt

Eine andere Möglichkeit, dateiübergreifend auf Variablen zuzugreifen, ist die Verwendung von globales Fensterobjekt. Das Fensterobjekt ist in allen Webseiten und Skripten verfügbar und kann für den Zugriff auf globale Variablen und Funktionen verwendet werden.

Beispiel

<code class="js">// first.js
window.colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369",
};
// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

Dieser Ansatz stellt sicher, dass Variablen vorhanden sind zugänglich, auch wenn die Skripte in einer anderen Reihenfolge geladen werden.

Das obige ist der detaillierte Inhalt vonWie kann ich von einer anderen auf Variablen in einer JavaScript-Datei zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!