ベストプラクティスは、別々の.jsファイルでjavascript関数の名前の競合を回避しますか？

Question

.jsファイル内の機能を、類似の名前のためにページ上の他の.jsファイルとの潜在的な競合から分離するための好ましい方法はありますか？例えば

あなたがのCore.jsで

function AddTag(){} 

機能を持っており、それらが競合するOrders.jsで

function AddTag(){} 

がある場合。あなたの.jsファイルをどのようにして整理し、それらを隔離するためにどのような命名規則を使用しますか？

おかげ

Answer 1

は、私は、そのファイルへの機能の範囲を制限します。

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

...、時にはグローバルスコープにその中の一部の機能が利用できます

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

Answer 2

使用のカプセル化（http://www.devx.com/gethelpon/10MinuteSolution/16467とhttp://nefariousdesigns.co.uk/archive/2006/05/object-oriented-javascript/）

fileA.js

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

} 

でファイルB.js

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

} 

Answer 3

「名前空間」を使用できます。この

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); 

ようにあなたは、このようにそれらを呼び出すことができます。一般的には

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

は、グローバル関数/変数を使用しないでください。ここでのjavascriptモジュールのパターンについて読むhttp://yuiblog.com/blog/2007/06/12/module-pattern/