js继承

借助构造函数实现继承

//父类
function Parent(){
	this.name='parent'
}
//子类
function child(){
	Parent.call(this)//修改this指向
	this.type='child'
}

特点:可以实现多继承
缺点:只能继承父类实例的属性和方法,不能继承原型上的属性和方法。

借助原型链实现继承

//父类
function Parent(){
	this.name='parent'
}
//子类
function child(){
	this.type='child'
}
child.prototype=new Parent()

特点:基于原型链,既是父类的实例,也是子类的实例
缺点:共用了原型链上的原型,若有多个子类对象,则原型对象为同一个对象
组合方式(构造继承和原型链继承的组合)

//父类
function Parent(){
	this.name='parent'
}
//子类
function child(){
	Parent.call(this)
	this.type='child'
}
child.prototype=new Parent()

优点:可以继承实例属性/方法,也可以继承原型属性/方法
缺点:new Parent()会执行多次

组合方式优化1

//父类
function Parent(){
	this.name='parent'
}
//子类
function child(){
	Parent.call(this)
	this.type='child'
}
child.prototype=Parent.prototype

优点:解决了组合方式的缺点
缺点:使用instanceof 无法区分对象属于哪个类的实例对象
组合方式优化2

//父类
function Parent(){
	this.name='parent'
}
//子类
function child(){
	Parent.call(this)
	this.type='child'
}
child.prototype=object.create(Parent.prototype)
child.prototype.constructor=child

优点:解决了组合方式1的缺点

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值