Maison > interface Web > js tutoriel > Comment accéder aux variables d'un fichier JavaScript dans un autre ?

Comment accéder aux variables d'un fichier JavaScript dans un autre ?

Mary-Kate Olsen
Libérer: 2024-11-04 12:33:51
original
634 Les gens l'ont consulté

How Can You Access Variables from One JavaScript File in Another?

Accès aux variables dans les fichiers en JavaScript

En JavaScript, les variables déclarées dans la portée globale sont accessibles à partir d'autres scripts chargés après leur déclaration. Cela vous permet de partager des données entre différentes parties de votre application.

Par exemple, considérons un scénario dans lequel vous disposez d'un fichier appelé "first.js" qui contient une variable appelée "colorCodes". Vous souhaitez accéder à cette variable depuis un autre fichier appelé "second.js".

Solution :

Pour accéder à la variable depuis "first.js" dans "second. js", vous pouvez suivre ces étapes :

1. Déclarez la variable dans la portée globale :

Dans "first.js", déclarez la variable "colorCodes" comme variable globale :

var colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369"
};
Copier après la connexion

2. Accédez à la variable dans l'autre fichier :

Dans "second.js", vous pouvez ensuite accéder à la variable "colorCodes" en utilisant sa référence de portée globale :

alert(colorCodes.back); // alerts "#fff"
Copier après la connexion

Remarque :

  • Le script dans "second.js" doit être chargé après "first.js" dans le fichier HTML pour garantir que la variable est déclarée avant son accès.
  • Pour améliorer encore l'organisation et la maintenabilité du code, il est recommandé d'utiliser un système de modules comme les modules CommonJS ou ES pour définir explicitement les dépendances et la portée au sein 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