Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Linda Hamilton
Freigeben: 2024-11-01 01:34:28
Original
684 Leute haben es durchsucht

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>
Nach dem Login kopieren
<code class="javascript">// second.js
alert(colorCodes.back); // alerts "#fff"</code>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren
<code class="javascript">// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>
Nach dem Login kopieren

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!

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