Meilleure approche pour éviter les conflits de noms pour les fonctions javascript dans des fichiers .js distincts?

Question

Existe-t-il une approche privilégiée pour isoler des fonctions dans un fichier .js de conflits potentiels avec d'autres fichiers .js sur une page en raison de noms similaires?

Par exemple, si vous avez une fonction

function AddTag(){} 

dans Core.js puis il y a une

function AddTag(){} 

en Orders.js ils seraient en conflit. Comment structureriez-vous au mieux vos fichiers .js et quelles conventions de nommage utiliseriez-vous pour les isoler?

Merci

Answer 1

Je limite la portée de la fonction à ce fichier.

(function() { 
    var AddTag = function AddTag() { 
    }; 
}()); 

... et parfois faire quelques fonctions à la disposition de la portée mondiale:

var thisNamespace = function() { 
    var AddTag = function AddTag() { 
     … 
    }; 
    var foo = function foo() { 
     AddTag(); 
     … 
    }; 
    var bar = function bar() { 
     … 
    }; 
    return { 
     foo: foo, 
     bar: bar 
    } 
}(); 

Answer 2

utiliser l'encapsulation (http://www.devx.com/gethelpon/10MinuteSolution/16467 et http://nefariousdesigns.co.uk/archive/2006/05/object-oriented-javascript/)

dans fileA.js

function fileA() 
{ 
    this.function1 = function() 
    { 
    return 'foo'; 
    }; 

} 

dans le fichierB.js

function fileB() 
{ 
    this.function1 = function() 
    { 
    return 'bar'; 
    }; 

} 

Answer 3

Vous pouvez utiliser 'namespacing'. Comme cette

File1.js: 

var Orders = {} 
(function(o) { 
    o.function1 = function() {} 
    o.function2 = function() {} 
})(Orders); 

File2.js 

var Sales = {} 
(function(o) { 
    o.function1 = function() {} 
    o.function2 = function() {} 
})(Sales); 

Vous pouvez les appeler comme ceci:

Sales.function1(); 
Orders.function1(); 

En général ne pas utiliser les fonctions globales/variables. Lisez à propos du modèle de module javascript ici http://yuiblog.com/blog/2007/06/12/module-pattern/