Maison > interface Web > js tutoriel > Comment accéder aux variables des fichiers en JavaScript ?

Comment accéder aux variables des fichiers en JavaScript ?

Patricia Arquette
Libérer: 2024-11-03 13:55:03
original
711 Les gens l'ont consulté

How Can You Access Variables Across Files in 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>
Copier après la connexion
<code class="javascript">// second.js
alert(colorCodes.back); // alerts "#fff"</code>
Copier après la connexion

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>
Copier après la connexion
<code class="javascript">// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>
Copier après la connexion
  • 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>
Copier après la connexion
<code class="javascript">// second.js
alert(this.colorCodes.back); // alerts "#fff"</code>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal