mcavaliere

var element = $("div.form-errors");

if (formHasErrors()) {
  element.show();
}

// More, unrelated code...

var element = $("form#login");
element.addClass("has-errors");

mcavaliere

var LoginFom = {
  element: $("form#login-form"),
  
  hasErrors: function() {
    // validation code here...
    // returns true or false.
  }
};

// ...

mcavaliere

// Old
var DEBUG = false;
var MAX_ENTRIES = 100;
var FEED_URL = "http://mysite.com/feed/";
var POST_IDS = [123, 456, 789];

// New
var Config = {
  DEBUG: true,
  MAX_ENTRIES: 100,

mcavaliere

var MyNamespace = {
  myString: "someString",
  myInt: 123,
  myFunc: function() {
    return this.myString + " " + this.myInt;
  }
};

mcavaliere

MyNamespace.myString;
MyNamespace.myInt;
MyNamespace.myFunc();

mcavaliere

var MyCompany = {
  Widgets: {
    data1: 123,
    func1: function() {}
  },
  HtmlUtils: {
    data1: 123,
    func1: function() {}
  }
}

mcavaliere

// /javascripts/mycompany.js
var MyCompany = {};

// /javascripts/mycompany/widgets
MyCompany.Widgets = {};
MyCompany.Widgets.data1 = 123;
MyCompany.Widgets.func1 = function() {};

// /javascripts/mycompany/htmlutils.js
MyCompany.HtmlUtils = {};

mcavaliere

$.MyCompany = {
  Widgets: {
    data1: 123,
    func1: function() {}
  },
  HtmlUtils: {
    data1: 123,
    func1: function() {}
  }
};

mcavaliere

// /javascripts/myapp/ui/fancyslider.js

MyApp.ns("MyApp.UI.FancySlider");

MyApp.UI.FancySlider = function() {
  // ...
};

mcavaliere

// Heavily Coupled
$(function() {
     $(document.body).append( $('<select id="countries"></select>') );

     var countriesIveBeenTo = {
          'BE': 'Belgium',
          'CR': 'Costa Rica',
          'IT': 'Italy',
          'US': 'United States of America',
          'UK': 'United Kingdom'