how to extend javascript classes

Question

Why Child class doesn't have echo() method?

Parent = function(){
    this.name = 'abc';
}

Parent.prototype.echo = function(){
    alert(this.name);
}

Child = function(){
    $.extend(this,  Parent);
}

var x = new Child();

x.echo();

What should I do to inherit from parent class in Javascript?

Answer 1

You need to set the prototype of Child to Parent.

function Parent() {
    this.name = 'abc';
}

Parent.prototype.echo = function () {
    alert(this.name);
}

function Child() {

}

Child.prototype = new Parent()

var x = new Child();

x.echo();

Answer 2

I'm assuming you use jQuery. The jQuery extend system uses objects, not 'classes', see: http://api.jquery.com/jQuery.extend/

Answer 3

• There are no 'classes' in javascript, only objects and prototypal inheritance
• Parent, Child are not classes, they are functions(as well as objects)
• Within Child, 'this' refers to the global object('window' for browsers)
• use Child.prototype = new Parent()