Puis-je accéder à des variables à partir d'un autre fichier ?

Question

Est-il possible d'utiliser une variable dans un fichier appelé first.js dans un autre fichier appelé second.js ?

first.js contient une variable appelée colorcodes.

Answer 1

Vous pouvez exporter la variable à partir du premier fichier en utilisant export.

//first.js
const colorCode = {
    black: "#000",
    white: "#fff"
};
export { colorCode };

Ensuite, importez la variable dans le deuxième fichier en utilisant import.

//second.js
import { colorCode } from './first.js'

export - MDN

Answer 2

J'ai aimé la réponse ci-dessus, mais cela n'a pas fonctionné pour moi au début parce que je déclarais ces variables à l'intérieur de jQuery $( document ).ready().

Assurez-vous donc de déclarer vos variables dans la balise <script> pas ailleurs.

Answer 3

Cela devrait fonctionner - définir une variable globale dans firstfile et y accéder à partir du second fichier :

<script src="/firstfile.js"></script>
<script src="/secondfile.js"></script>

firstfile.js :

var colors = {
   text:'#000000',
   background:'#aaaaaa',
   something_else:'blue'
};

secondfile.js :

do_something_with(colors.background);

Notez que l'ordre dans lequel vous chargez les fichiers de script est significatif pour certains navigateurs (IE6 pour sûr, peut-être d'autres)