División de un espacio de nombres Javascript en varios archivos

Question

Digamos que tengo un espacio de nombres de esa manera:

var myNamespace = { 
    foo: function() { 
    }, 
    bar: function() { 
    } 
}; 

¿Cuál es la mejor manera de dividir el código en archivos que definen foo y bar por separado?

No me preocupa el tiempo de carga. Lo volveré a concatenar en un archivo antes de la implementación.

Answer 1

Al comienzo de cada archivo:

if(myNameSpace === undefined) { 
    var myNameSpace = {}; 
} 

Archivo 1:

myNamespace.foo = function()... 

Archivo 2:

myNamespace.bar = function()... 

Answer 2

simple definir en archivos separados de esta manera:

Archivo 1:

var myNamspace = {}; 

Archivo 2:

myNamespace.foo = function()... 

Archivo 3:

myNamespace.boo = function()... 

Sólo asegúrese de que cargue los archivos en el orden correcto.

Answer 3

// File1: 
// top level namespace here: 
var myNamespace = myNamespace || {}; 

// File2: 
myNamespace.foo = function() { 
    // some code here... 
} 

Answer 4

(function (NS) { 
    NS.Uber = function Uber() { 
     this.super = new NS.Super(); // yes, it works! 
    }; // 
}(NS = NS || {})); 

// ------------- other file ----------------- 

(function (NS) { 
    NS.Super = function Super() { 
     this.uber = new NS.Uber(); // yes, it will also work! 
    }; // 
}(NS = NS || {})); 

// -------------- application code ------------ 

var uber = new NS.Uber(); 
console.log(uber.super); 

var super = new NS.Super(); 
console.log(super.uber); 

Answer 5

En cada archivo siga este patrón:

(function(nameSpace) { 
    nameSpace.foo = function() { ... }; 
})(window.nameSpace = window.nameSpace || {}); 

Este orden de carga de manera no es importante.