Discussion :

[djtinou666]

Bonjour à tous,

j'ai un fichier A qui a une fonction test() et ses instructions
j'ai un fichier B qui a aussi la fonction test() mais avec des instructions différentes.

Pour finir, j'ai un autre fichier X, où depuis celui-ci j'aimerai appeler la fonction test() une fois du fichier B et une autre fois du fichier A, par exemple.

Comment puis-je distinguer les deux?

En vous remerciant d'avance.

cdt

[nicosmash]

Une fonction est censée être unique donc normalement un nom de fonction est unique...

Sinon :

Code html :

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

<button onclick="nomDeLaFonction();">Clic</button>

Code html :

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

1
2
<script language="javascript" type="text/javascript" src="javascript_1/nomDeLaFonction.js"></script> 
<script language="javascript" type="text/javascript" src="javascript_2/nomDeLaFonction.js"></script>

[SpaceFrog]

c'est la dernière fonction chargée qui prévaudra car tu redéclares une fonction

Code :

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

1
2
3
function foo(){ alert('foo')}
function foo(){ alert('bar')}
 foo()

http://jsfiddle.net/yMHMx/

[Invité]

Remarque qu'en utilisant une lib comme RequireJS pour rendre ton code modulaire, tu peux englober tes deux fonctions dans des scopes et ainsi les différencier lorsque tu les importes dans le fichier X.

Exemple

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/* Fichier A */
define('moduleA', [], function() {
  function test() { /* ... */ }
 
  return {
    test: test
  };
});
/* Fichier B */
define('moduleB', [], function() {
  function test() { /* ... */ }
 
  return {
    test: test
  };
});
/* Fichier X */
define('moduleX', ['moduleA', 'moduleB'], function(A, B) {
  A.test();
  B.test();
});

[nicosmash]

Sinon faites plus simple ... Renommez vos deux fonctions et si elles sont proches distinguez les quand même ...

Code javascript :

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

1
2
3
4
 
function verifierFormulaireInscriptionForum() { /* ... */ }
function verifierFormulaireInscriptionNewsletter() { /* ... */ }
...

[SylvainPV]

Ou best-pratice, prendre le temps de travailler le namespacing de l'application :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
(function(app){
 
app.composantA = {
    test: function(){ ... }
}
 
app.composantB = {
    test: function(){ ... }
}
 
})(window.app = window.app ||{});

ou une approche plus orientée objet que composant. A vous de voir