Refactor 2 - Add Namespace, Object Literal Notation

refactor-02-namespace-obj-literal.js

// -------------------------------------
// my-app.js
// -------------------------------------

;
var myApp = myApp || {};

(function($, myApp) {

    'use strict';

    $.extend(myApp, {

        init: function() {
            this.commonStuff();
        },

        commonStuff: function() {
            // common code across many or all pages
        }

    });

})(window.jQuery, window.myApp);

$(document).ready(function() {

    myApp.init();

});


// -------------------------------------
// page-one.js
// -------------------------------------

;
var myApp = myApp || {};
myApp.pageOne = myApp.pageOne || {};

(function($, myApp) {

    'use strict';

    $.extend(myApp.pageOne, {

        init: function() {
            this.pageSpecificStuff();
        },

        pageSpecificStuff: function() {
            // code specific to this page
        }

    });

})(window.jQuery, window.myApp);

$(document).ready(function() {

    myApp.pageOne.init();

});