¿Cuál es el mejor enfoque para evitar conflictos de nombres para las funciones de JavaScript en archivos .js separados?

Question

¿Existe un enfoque preferido para aislar funciones en un archivo .js de posibles conflictos con otros archivos .js en una página debido a nombres similares?

Por ejemplo, si tiene una función

function AddTag(){} 

en Core.js y entonces hay una

function AddTag(){} 

en Orders.js que entren en conflicto. ¿Cómo estructuraría mejor sus archivos .js y qué convenciones de nomenclatura usaría para aislarlos?

Gracias

Answer 1

que limitan el alcance de la función a ese archivo.

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

... y, a veces hacen algunas funciones en lo que dispone el ámbito global:

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

Answer 2

uso de encapsulación (http://www.devx.com/gethelpon/10MinuteSolution/16467 y http://nefariousdesigns.co.uk/archive/2006/05/object-oriented-javascript/)

en fileA.js

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

} 

en archivoB.js

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

} 

Answer 3

Puede usar 'namespacing'. Al igual que este

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

Puede invocar como esto:

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

En general no utilizan funciones/variables globales. Lea sobre el patrón del módulo de JavaScript aquí http://yuiblog.com/blog/2007/06/12/module-pattern/