How to namespace your Javascript to be load order independent

load_order_independence

// The problem: Load order independence.
// Sometimes your js files are loaded out of order, 
// How can you make sure all your modules are properly assembled.

var myApp = (function(existing){
	var self = existing || {};
	self.a = 'one';
	return self;
}(myApp));

// Each module needs to acknowldge it's ancestors
var myApp = myApp || {};
myApp.SecondLevel = (function(existing){
	var self = existing || {};
	self.a = 'two';
	return self;
}(myApp.SecondLevel));

// Each module needs to acknowldge it's ancestors
// the deeper you go, the more ancestors to acknowledge.
var myApp = myApp || {};
myApp.SecondLevel = myApp.SecondLevel || {};
myApp.SecondLevel.ThirdLevel = (function(existing){
	var self = existing || {};
	self.a = 'three';
	return self;
}(myApp.SecondLevel.ThirdLevel));