JavaScript中的对象(三):基于原型的继承

继承是面向对象语言最为人所津津乐道的一个概念,在传统的基于Class的语言如Java、C++中,继承的本质是扩展一个已有的Class,并生成新的Subclass。由于这类语言严格区分类和实例,继承实际上是类型的扩展。但是,JavaScript其实现继承主要是依靠原型链来实现的。一、原型继承原型继承的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。...
摘要由CSDN通过智能技术生成

继承是面向对象语言最为重要的概念之一,许多面向对象语言都支持两种继承方式:接口继承和实现继承,接口继承只继承方法签名,而实现继承则继承实际的方法,由于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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值