js patterns I use on my projects

css-tricks-pattern.js

var s,
NewsWidget = {

  settings: {
    numArticles: 5,
    articleList: $("#article-list"),
    moreButton: $("#more-button")
  },

  init: function() {
    s = this.settings;
    this.bindUIActions();
  },

  bindUIActions: function() {
    s.moreButton.on("click", function() {
      NewsWidget.getMoreArticles(s.numArticles);
    });
  },

  getMoreArticles: function(numToGet) {
    // $.ajax or something
    // using numToGet as param
  }

};

my-pattern.js

(function($){

  var app = {

	init: function(){
		this.loadDefaults();
		this.render();
		this.doStuff();
	},

	loadDefaults: function(){
		foo = $('#foo');
	},
		render: function(){
		//show UI changes
	},
		doStuff: function(){
		//do app stuff
	}
	
};
	app.init();
})(jQuery);

other-pattern.js

(function ($, App, window) {
  'use strict';
  var ready = false,

  handler = function (e) {
  },

  init = function (page) {
    if (ready) return;
    // init stuff
    $('.el').on('click', handler);
    ready = true;
  };

  App.Subscribe('app/ready', init);
}(jQuery, App, this));