Heim >Web-Frontend >js-Tutorial >Wie kann ich von einer anderen auf Variablen zugreifen, die in einer JavaScript-Datei definiert sind?

Wie kann ich von einer anderen auf Variablen zugreifen, die in einer JavaScript-Datei definiert sind?

Linda Hamilton
Linda HamiltonOriginal
2024-11-01 01:34:28738Durchsuche

How Can I Access Variables Defined in One JavaScript File from Another?

Zugriff auf Variablen über Dateien hinweg in JavaScript

Können Sie auf Variablen aus verschiedenen JavaScript-Dateien zugreifen? Ja, es ist möglich, eine in einer Datei wie first.js definierte Variable in einer anderen Datei wie second.js zu verwenden.

Globaler Geltungsbereich und Zugriff

In JavaScript, wenn Wird eine Variable im globalen Gültigkeitsbereich (d. h. nicht innerhalb einer Funktion) deklariert, steht sie nach der Definition allen Skripten zur Verfügung, die geladen werden. Dies bedeutet, dass auf eine Variable namens colorCodes in first.js in second.js zugegriffen werden kann.

Beispielcode

Hier ist ein Beispiel:

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

Bestell- und Skript-Tags laden

Stellen Sie in der HTML-Datei sicher, dass first.js vor second.js geladen wird, damit die Variable im zweiten Skript verfügbar ist:

<code class="html"><script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script></code>

Alternativer Ansatz

Sie können die Variable auch im Fensterobjekt (oder im globalen Bereich) speichern, um darauf zuzugreifen:

<code class="javascript">// first.js
window.colorCodes = {
  // ... same object as before
};</code>
<code class="javascript">// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

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

Stellungnahme:
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