Prototype Chains

You can also build up chains of prototype objects and this is where the mechanism starts to look like classical inheritance.

The rule is that if you set the prototype to be an object that was created by a constructor then it too has a prototype object. This can create a chain of prototype objects and each one will be searched in turn for any properties or methods that cannot be found earlier in the chain.

This is a simple idea but it can be difficult to follow when you first encounter it:

if the property or method isn't defined on the current object (even if it is a prototype object) and if it was created using a constructor then seek the property or method on the constructor's prototype object.

This implies that if the prototype object doesn't support the property or method then its prototype will be searched and so on.

So, for example, we can create a new object constructor with a new method:

Notice that now myMethod2 does not belong to the object constructed by myObject2Constructor, but to its prototype object.

Now when you call mymethod2 on myObject:

var myObject=new myObjectConstructor();myObject.myMethod2();

it fails to find myMethod2 as a method of myObject. It then looks at the prototype object, an instance of myObject2, and fails to find it there. It then looks at myObject2's constructor's prototype object and finds it.

Extending Objects

This all seems complicated at first, but as long as you follow some simple rules it eventually begins to seem very easy. In particular the prototype mechanism can be used to create new objects from old. You can think of this as classical inheritance if you want to, but there is no implied type hierarchy - we just take what is needed from existing objects and add to it as required.

Notice that nothing new is introduced in this section it is just an example of how to think about using a prototype to create new objects from old.

Suppose you have a constructor for an object myObject1 and you want to create a constructor for an object myObject2 that does the same sort of thing but has some different methods or properties.

myMethod3 is defined only for the new object but on the constructor's prototype object

myMethod1 is "inherited" from the original object via its prototype object

If you set the a constructor's prototype object to the a new instance of an object then the object that the constructor creates is equipped with all of the methods and properties of the prototype object.

That's really all there is to it.

You don't need classes or type based inheritance. The constructor's prototype mechanism lets you suck all of the methods and properties of an existing object into a new object. With a little work you can create objects that are mix-ins of multiple existing objects. It is all a matter of creating the right prototype object.

There are some hidden aspects of using jQuery and its data manipulation functions represent hidden gold. If you have struggled to work with data in JavaScript, and with the DOM in particular, jQuery h [ ... ]

JavaScript is a very subtle and sophisticated language and it deserves to be treated in its own right and not as a poor copy of other object-oriented language. In this first chapter of Just JavaScript [ ... ]