JavaScript Namespace Declaration

Question

I created a javascript class as follow:

var MyClass = (function() {    function myprivate(param) {       console.log(param);    }     return {       MyPublic : function(param) {          myprivate(param);       }    }; })();  MyClass.MyPublic("hello"); 

The code above is working, but my question is, how if I want to introduce namespace to that class.

Basically I want to be able to call the class like this:

Namespace.MyClass.MyPublic("Hello World"); 

If I added Namespace.MyClass, it'll throw error "Syntax Error". I did try to add "window.Namespace = {}" and it doesn't work either.

Thanks.. :)

Answer 1

Usually I'd recommend doing this (assuming Namespace is not defined elsewhere):

var Namespace = {}; Namespace.MyClass = (function () {   // ... }()); 

A more flexible, but more complex, approach:

var Namespace = (function (Namespace) {    Namespace.MyClass = function() {         var privateMember = "private";        function myPrivateMethod(param) {          alert(param || privateMember);        };         MyClass.MyPublicMember = "public";        MyClass.MyPublicMethod = function (param) {           myPrivateMethod(param);        };    }    return Namespace }(Namespace || {})); 

This builds Namespace.MyClass as above, but doesn't rely on Namespace already existing. It will declare and create it if it does not already exist. This also lets you load multiple members of Namespace in parallel in different files, loading order will not matter.

For more: http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth