Discussion :

[thais781]

Bonjour,

Je suis nouvelle dans l'environnement JS.
Petite question toute simple pour des spécialistes .....

J'ai un fichier main.js et je souhaite utiliser une fonction présente dans un autre fichier : global.js
Par exemple :
main.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
MyName = "Frédérique"
// include global.js??????
MyNewName = CleanAccents(MyName)

global.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function CleanAccents(MyText) 
{
    return MyText.replace(/[àáâãäå]/g,'a').replace(/æ/g,'ae').replace(/ç/g,'c').replace(/[èéêë]/g,'e').replace(/[ìíîï]/g,'i').replace(/ñ/g,'n').replace(/[ÉÈËÊ]/g,'E').replace(/[ÁÀÄÂÅ]/g,'A').replace(/[ÓÒÖÔ]/g,'O').replace(/[ÍÌÏÎ]/g,'I').replace(/[ÚÙÜÛ]/g,'U').replace(/[òóôõö]/g,'o').replace(/œ/g,'oe').replace(/[ùúûü]/g,'u').replace(/[ýÿ]/g,'y')
}

Comment dois-je faire ?

Thais

[Bovino]

La notion de fichier n'existe pas en JavaScript.
Une fois qu'un fichier .js a été inséré, le code est intégré au document en cours et ses fonctions accessibles depuis n'importe quel autre portion de code.

Ensuite, il faut faire attention à l'ordre d'inclusion : seul le code des fichiers déjà appelés est utilisable, sinon, c'est comme si tu demandais à ton fils de faire ses devoirs alors que t'as pas encore d'enfant. Il faut procéder dans l'ordre !
En gros

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script src="fichier1.js"></script>
<!-- Toutes les fonctions de fichier1 sont disponibles -->
<!-- Aucune fonction de fichier2 n'est disponible -->
<script src="fichier2.js"></script>
<!-- Toutes les fonctions de fichier1 sont disponibles -->
<!-- Toutes les fonctions de fichier1 sont disponibles -->

[thais781]

Bonjour,

Merci pour ton aide.
Mon soucis est que je souhaite faire cette inclusion dans mon fichier main.js et non dans un fichier html .....

Un truc du style (si je reprend mon exemple) mais avec la bonne syntaxe ... :
Main.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<script src="global.js"></script>  ............
 
MyName = "Frédérique"
MyNewName = CleanAccents(MyName)

Thais

[SpaceFrog]

"l'inclusion" (la liaison vers le code js) se fait au niveau de la page dans le DOM, pas au niveau du fichier js ...

Il te faudra donc générer une balise script au moyen de js pour en faire un append dans la page html ...

[Bovino]

Mon soucis est que je souhaite faire cette inclusion dans mon fichier main.js et non dans un fichier html .....

Sauf que c'est pas la bonne façon de faire... Un fichier JavaScript s'intègre dans un document HTML, pas dans un autre fichier JavaScript. Au pire, tu peux demander à un script d'inclure un autre script dans le document, mais encore faut-il qu'il y ai un intérêt à cela.
Bref, dans ton cas, tu as juste à appeler tes deux fichiers dans le bon ordre (global.js puis main.js), il n'y a rien de vraiment sorcier là-dedans.

[Bovino]

Il te faudra donc générer une balise script au moyen de js pour en faire un append dans la page html ...

Certes Spaffy, mais cette méthode pose potentiellement un problème : contrairement aux scripts inclus via le code HTML, un script inclus par script sera chargé de façon asynchrone, donc il y a de fortes chances que lors de l'appel de la fonction désirée, le script ne soit pas totalement chargé et donc que la fonction demandée ne soit pas encore disponible. Tout ça pour éviter une balise en plus dans la page, ça ne me semble pas particulièrement justifié.

[SpaceFrog]

getScrpit de Jquery ...

[SylvainPV]

Sauf que c'est pas la bonne façon de faire... Un fichier JavaScript s'intègre dans un document HTML, pas dans un autre fichier JavaScript.

Pas la bonne façon de faire ? D'aucuns diront que la bonne façon de faire c'est d'utiliser un script loader comme require ou browserify

Avec iMacro ça va être difficile de faire un truc propre, c'est pas vraiment pensé pour. A la rigueur tu peux envisager une étape de build qui concatène tes fichiers JS en un seul, mais la majorité des scripts que j'ai vu étaient en mode crado

[Bovino]

c'est d'utiliser un script loader comme require ou browserify

Qui se chargent d'intégrer les scripts dans le document HTML...
Et ne pas oublier la suite de ma réponse

Au pire, tu peux demander à un script d'inclure un autre script dans le document, mais encore faut-il qu'il y ai un intérêt à cela.

Crois-tu réellement qu'il y ai un intérêt à utiliser require si c'est uniquement pour éviter d'avoir dans le même fichier une fonction et le code qui utilise cette fonction ?