JavaScript Module Pattern

1.scope.js

var message = 'Hello!';

(function() {
    var message = 'Hi!';

    alert(message);
})();

2.scope.js

var message = 'Hello!';

(function() {
    alert(message);

    var message = 'Hi!';
})();

3.scope.js

var message = 'Hello!';

(function () {
    var message;

    alert(message);

    message = 'Hi!';
})();

4.closure.js

var createPerson = function(name) {
    var _name = name;

    return {
        getName: function() {
            return _name;
        }
    };
};

var joe = createPerson('Joe');

alert(joe.getName());

5.modulePattern.js

(function(module, undefined) {
    // Anything declared at this level is only accessible within this
    // function. Efectively, they will be the module's private variables.

    var _answer = 42;

    // The module's public interface is then defined by declaring variables on
    // the module variable that was passed in.

    module.getAnswer = function(question) {
        return _answer;
    };
})(window.module = window.module || {});

module.getAnswer('Huh?');

6.modulePattern.js

(function(m) {
    m.doStuff = function() {
        // TODO: Stuff
    };
})(window.deeply.nested.module);

window.deeply.nested.module.doStuff();