O'Reilly logo

jQuery Design Patterns by Thodoris Greasidis

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The Object Literal Pattern

The Object Literal Pattern is probably the simplest way to wrap all the related parts of an implementation under an umbrella object that works as a Module. The name of this pattern accurately describes the way it is used. The developer just needs to declare a variable and assign an object with all the related parts that need to be encapsulated into this Module.

Let's see how we can create a Module that provides unique integers to a page, in a similar way how jquery.guid does it:

var simpleguid = { 
  guid: 1, 
  init: function() { 
    this.guid = 1; 
  }, 
  increaseCounter: function() { 
    this.guid++; 
    // or simpleguid.guid++;
  }, 
  getNext: function() { 
    var nextGuid = this.guid; 
    this.increaseCounter(); 
    return nextGuid; 
  } 
};

As seen above, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required