首页 > 代码库 > javascript继承详解

javascript继承详解

常见继承分两种,一种接口继承,继承方法签名;一种实现继承,继承实际方法。js只支持后一种。

1原型链

首先看原型、构造函数、实例的关系。如果我们让一个函数的原型对象等于另一个的实例,然后另一个的原型对象又等于另一个的实例,以此类推,就构成了原型链。

技术分享

代码:

function SuperType(){

this.name=true;

}

superType.prototype.getValue=http://www.mamicode.com/function(){

return this.name;

}

function SubType(){

this.age=12;

}

SubType.prototype=new SuperType(); //构建原型链,让SubType继承SuperType的所有属性和方法。

var instance=new SubType();

alert(instance.getValue());//true

2借用构造函数

使用call()或apply()方法

 function SuperType(){

this.color=["red","blue"];

}

function SubType(){

SuperType.call(this);

}

var instance1=new SubType();

借用构造函数不改变原型,每个实例都有自己的属性副本。

javascript继承详解