Comment puis-je accéder aux variables définies dans un fichier JavaScript à partir d'un autre ?

Accès aux variables dans les fichiers en JavaScript

Pouvez-vous accéder aux variables de différents fichiers JavaScript ? Oui, il est possible d'utiliser une variable définie dans un fichier comme first.js dans un autre fichier comme second.js.

Portée globale et accès

En JavaScript, si une variable est déclarée dans la portée globale (c'est-à-dire pas dans une fonction), elle devient disponible pour tous les scripts chargés après avoir été définie. Cela signifie qu'une variable nommée colorCodes dans first.js est accessible dans second.js.

Exemple de code

Voici un exemple :

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

Ordre de chargement et balises de script

Dans le fichier HTML, assurez-vous que first.js est chargé avant second.js pour que la variable soit disponible dans le deuxième script :

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

Approche alternative

Vous pouvez également stocker la variable sur l'objet window (ou ceci dans la portée globale) pour y accéder :

<code class="javascript">// first.js
window.colorCodes = {
  // ... same object as before
};</code>

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!