JavaScript Namespacing – Steve Fenton

This is just a quick article to demonstrate a quick bit of JavaScript namespacing.

Why would you do this? Well, this allows you to put functions and variables inside of an identifier. It acts like a “box of stuff” and prevents variable and function name conflicts. It also supplies a neat way to organise and access your code in logical blocks.

If you’re interested, here’s how you do it.

var MyNamespace = (function() {
    var myPrivateVariable = 'Private Variable';
   
    var myPrivateFunction = function () {
        return 'Private Function';
    }
   
    return {
        myPublicVariable: 'Public Variable',
        sayHello: function (name) {
            alert('Hello ' + name + '!');
        },
        sayGoodbye: function (name) {
            alert('Goodbye ' + name + '!');
        },
        publicFunction: function () {
            alert(this.myPublicVariable + ' ' +
                myPrivateFunction() + ' ' +
                myPrivateVariable)
        }
    };
}());

MyNamespace.sayHello('Steve');
MyNamespace.sayGoodbye('John');
MyNamespace.publicFunction();

Obviously, in this example it’s all a bit basic, but if you had JavaScript functions that you’d like to group together, this is a great way to do it – not a genuine name-space, but some distance towards organising your code.

Related