How To Create Oop Class In Javascript

I'm hesitant to use just any tutorial because I know how those tutorials can end up being, teaching you bad ways to do things. I want to setup a class in Javascript, so that I can

Solution 1:

There is no such thing as a class in JavaScript, instead everything in JavaScript is an object.

To create a new object you define a function that uses the this keyword in it (a “constructor function”), and then call it with the new operator:

function Foo (id) { // By convention, constructor functions start with a capital letterthis.id = id;
}

var foo1 = new Foo(1);
var foo2 = new Foo(2);

However, these objects have no methods. To add methods, you need to define a prototype object on their constructor function:

Foo.prototype = {
    getId: function () {
        returnthis.id;
    }
}

This new getId function will be usable by all Foo objects. However, as was stated, there are no classes in JavaScript and as such there are other constructs you will use in order to produce different results.

I highly recommend the videos by Douglas Crockford in which he explains much of the javascript OO nature. The talks can be found here:

http://developer.yahoo.com/yui/theater/

Douglas Crockford — The JavaScript Programming Language

Douglas Crockford — Advanced JavaScript

Those will give you a basic understanding of the structure of javascript and should help the transition from classical to functional programming.

Solution 2:

Although there are no classes in JavaScript, you can create constructor functions. A constructor function works by binding methods to an objects prototype. There are several ways to do this, each with advantages and disadvantages. I personally prefer the most straigthforward way, which works by appending methods to "this":

varConstructor = function() {

  //object properties can be declared directlythis.property = "value";

  //to add a method simply use dot notation to assign an anonymous function to an object//propertythis.method = function () {
    //some code
  }

  //you can even add private functions here. This function will only be visible to this object methodsfunctionprivate() {
    //some code
  }
  //use return this at the end to allow chaining like in var object = new Constructor().method();returnthis; 

}

Solution 3:

There is nothing like classes in JavaScript. JavaScripts inheritance works with prototypes. You can take a look at base2, which mimics class-like behaviour in JavaScript.