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

Accès aux variables dans les fichiers en JavaScript

Pouvez-vous accéder aux variables déclarées dans un fichier JavaScript à partir d'un autre ? La réponse est oui, avec certaines limitations.

Portée des variables en JavaScript

En JavaScript, les variables déclarées dans la portée globale sont accessibles à tous les scripts chargés après leur déclaré. Cela signifie que si vous déclarez une variable dans un fichier nommé first.js, vous pouvez y accéder dans un autre fichier nommé second.js, à condition que second.js soit chargé après first.js.

Exemple

Considérons l'exemple suivant :

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>

Dans cet exemple, la variable colorCodes est déclarée dans first.js. Lorsque second.js est chargé, il a accès aux colorCodes et peut récupérer ses membres.

Objet de fenêtre globale

Une autre façon d'accéder aux variables dans les fichiers consiste à utiliser le objet de fenêtre global. L'objet window est disponible dans toutes les pages Web et tous les scripts et peut être utilisé pour accéder aux variables et fonctions globales.

Exemple

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

Cette approche garantit que les variables sont accessible même si les scripts sont chargés dans un ordre différent.

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!