Javascript module loader

about.js

var App = App || {};

App.About = (function(document) {

  'use strict';

  var init = function() {
    console.log('about init called()');
  };

  // Return all public methods
  return {
    init: init
  };

}(window.document));

app.js

var App = App || {};

// If you use jQuery
$(document).ready(function() {

  for (var module in App) {
    if('init' in App[module]){
      console.log('loading module: ' + module);
      App[module].init();
    }
  }

});


// If you prefer vanilla JS
document.addEventListener('DOMContentLoaded', function() {

  for (var module in App) {
    if('init' in App[module]){
      console.log('loading module: ' + module);
      App[module].init();
    }
  }
});

contact.js

var App = App || {};

App.Contact = (function (document, $) {

  'use strict';

  var init = function() {
    console.log('contact init called()');
  };

  // Return all public methods
  return {
    init: init
  };

}(window.document, window.$));