Modern Web Development Blog Post code - Module Export Pattern

ModuleExport.js

// Initialize our apps namespace; add a pages holder for later.
var MYAPP = {
  pages: {}
};

// A closure to encapsulate our HomePage class.
(function($, app) {

  // This little guy is private to this closure.
  function bindButtons($page) {
    $page.find("#shiny").click(function() {
       // Do something on shiny button click.
    });
  }

  // We will export this class below, but it's private to this closure.
  function HomePage(page) {
    this.$page = $(page);
    
    bindButtons(this.$page);
  }

  // Export the HomePage class to the MYAPP.pages namespace
  app.pages = $.extend(app.pages, {
      Home: HomePage
  });

}(jQuery, MYAPP));


// We can use our exported class this way somewhere else in our code.
var myHomePage = new MYAPP.HomePage($('#Home'));