Maison  >  Article  >  interface Web  >  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
Mary-Kate Olsenoriginal
2024-11-04 12:33:51601parcourir

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"
};

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"

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!

Déclaration:
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