JavaScript OOP Techniques

Posted on July 7th, 2008, by Cristian in Javascript & Jquery

Although JavaScript is classless, we can still create an instantiate objects using a few different techniques. To demonstrate how to construct a JavaScript ‘class’, here are three examples below which are all essentially equivalent.

var test = new App();
var test2 = new App2();
var test3 = new App3();

Function object technique 1, returning an object containing function members.

function App() {
     // Constructor
     return {
          a : function(){
               console.log('a');
          },
          b : function(){
               console.log('b');
          }
     };
};

Function object technique 2, returning an object containing function members.

var App2 = function() {
     // Constructor
     return {
          a : function(){
               console.log('a');
          },
          b : function(){
               console.log('b');
          }
     };
};

Function object technique 3 using prototyping.

var App3 = function() {
     // Constructor
};

App3.prototype.a = function() {
     console.log('a');
};

App3.prototype.b = function() {
     console.log('b');
};

Leave a comment

CandesTheme $75

Advertise / Sponsors

Post a job. Find one. authenticjobs.com How to Be a Rockstar Freelancer
Comments RSS Feed

Recent Comments

  • adi Pintilie: That was a good one !
  • cmbookmarks: lol, nicely said and done..
  • Soloman: Wow, and it looks JUST like YOUR blog! He he he. Never stray from a good design I suppose. Nice work.
  • Ivo: lol that was funny!
  • Greg: Did you already have time to make the jquery plugin ?