Comment accéder aux variables des fichiers en JavaScript ?

Accès aux variables dans les fichiers en JavaScript

Dans le domaine de la programmation JavaScript, vous pouvez rencontrer une situation dans laquelle vous devez accéder aux variables déclarées dans un fichier à partir d'un autre. Cet article approfondira les subtilités de cette tâche et fournira une solution complète.

Variables globales et variables locales

En JavaScript, les variables peuvent être déclarées de deux manières principales. périmètres : global et local. Les variables globales sont déclarées en dehors de toute fonction et sont accessibles à toutes les parties du script. Les variables locales, en revanche, sont déclarées dans une fonction et ne sont accessibles que dans cette fonction.

Accès aux variables globales

Pour accéder à une variable globale dans un autre fichier , il doit être déclaré dans la portée globale dans le premier fichier. Comme mentionné dans la réponse fournie, une variable de portée globale est accessible à tous les scripts chargés après sa déclaration.

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>

Autres méthodes

En plus d'utiliser des variables globales, il existe d'autres techniques pour partager des données entre fichiers :

• Propriété Window : A la propriété appelée window est accessible à tous les scripts d’une page. Vous pouvez attribuer des variables à l'objet fenêtre et y accéder à partir d'autres fichiers.

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

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

• Cette propriété : La propriété this est équivalente à la fenêtre objet dans la portée globale. Cette propriété peut être utilisée dans le premier fichier pour stocker des variables qui sont ensuite accessibles dans d'autres fichiers.

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

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

En utilisant ces techniques, vous pouvez partager efficacement des variables entre des fichiers JavaScript et faciliter communication transparente entre les différents modules de votre application.

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!