Splitting a JavaScript namespace into multiple files

Piotr Zurek picture Piotr Zurek · Mar 1, 2011 · Viewed 9.8k times · Source

Let's say I have a namespace like that:

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

What is the best way to split this code into files defining foo and bar separately?

I'm not worried about loading time - I'll concatenate it back into one file before deployment.

Answer

generalhenry picture generalhenry · Mar 1, 2011

At the start of each file:

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

File 1:

myNamespace.foo = function()...

File 2:

myNamespace.bar = function()...