继承是面向对象语言最为重要的概念之一,许多面向对象语言都支持两种继承方式:接口继承和实现继承,接口继承只继承方法签名,而实现继承则继承实际的方法,由于JavaScript中函数没有签名,因此JavaScript中无法实现接口继承,只支持实现继承。
在传统的基于类面向对象的语言如Java、C++中,继承的本质是扩展一个已有的类,并生成新的子类。由于这类语言严格区分类和实例,继承实际上是类型的扩展。但是,JavaScript其实现继承主要是依靠原型链来实现的。在我的博客JavaScript中的对象(二):原型与原型链中已有介绍,此处不再赘述,主要介绍JavaScript中基于原型实现继承的几种主要方式:
一、原型链继承
核心:父类型的实例作为子类型的原型。
示例:
function SupType() {
this.property = true;
}
SupType.prototype.getSuperValue = function() {
return this.property;
}
function SubType() {
this.subproperty = false;
}
// 继承了Suptotype
SubType.prototype = new Suptotype;
// 添加新方法
SubType.prototype.getSubValue = function() {
return this.subproperty;
}
var instance = new subType();
console.log(instance.getSuperValue()); // false
原型继承的实现本质是重写原型对象,代之以一个新类型的实例,在上面示例中原来存在于Suptype的所有实例中的属性和方法,现在也存在于SubType.prototype中了。在确定了继承关系后我们给Subtype.prototype添加了一个方法,这样就在继承了SuperType属性的方法和方法的基础上又添加了一个新方法,示例中的继承关系如下图所示:
优点:
- 非常纯粹的继承关系,实例是子类型的实例,也是父类型的实例
- 父类型新增原型方法或原型属性,子类型都能访问到
- 简单,易于实现
缺点:
- 可以在SubType构造函数中,为SubType实例增加实例属性。如果要新增原型属性和方法,则必须放在new SupType()这样的语句之后执行
- 无法实现多继承
- 来自原型对象的所有属性被所有实例共享
- 创建子类型实例时,无法向父类型构造函数传参
- 不能使用对象字面量创建原型方法,会重写原型链
二、借用构造函数继承
核心:子类型构造函数的内部调用父类型构造函数,等于是复制父类的实例属性给子类(JavaScript中的函数本质上是在特定环境中执行代码的对象,因此也可以通过使用apply()和call()方法也可以在(将来)新创建的对象上执行构造函数)
示例:
function SuperType() {
this.colors = ["red", "blue", "green"];
}
function SubType() {
// 继承了SupType
SupType.call(this)
}
var instance1 = new SubType();
instance1.colors