Comment gérer efficacement les variables globales dans plusieurs fichiers JavaScript ?

Variables globales sur plusieurs fichiers Javascript

Vous avez rencontré un problème courant lorsque vous travaillez avec des fichiers JavaScript externes : l'accès aux variables globales sur plusieurs fichiers. Votre objectif est de déterminer si une fonction de helpers.js a été appelée et si vous avez tenté de créer une variable globale nommée myFunctionTag à la fois dans le code HTML et dans helpers.js.

Malheureusement, votre approche n'est pas réalisable. Le problème se pose car le code HTML inclut le fichier helpers.js après avoir défini la variable globale dans le HTML. Par conséquent, la variable du code HTML remplace celle du helpers.js, vous laissant avec une valeur fausse même lorsque la fonction a été appelée.

Pour résoudre ce problème, vous devez déclarer la variable globale avant d'inclure le fichier helpers.js. En créant une balise de script et en définissant la variable au-dessus de l'inclusion, vous vous assurez que la variable est disponible dans tout le code JavaScript. Voici à quoi devrait ressembler votre code mis à jour :

<code class="html"><script type='text/javascript' >
  var myFunctionTag = false; 
</script>
<script type='text/javascript' src='js/helpers.js'></script>  
...
<script type='text/javascript' >
  // rest of your code, which may depend on helpers.js
</script></code>

En suivant cette approche, vous pouvez accéder et manipuler avec succès des variables globales sur plusieurs fichiers JavaScript.

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!