js如何实现继承

1,原型链继承

让构造函数的原型(prototype)是另一个类型的实例,那么该构造函数new出来的实例就具有该实例的属性;缺点,每一个对象实例共享所有的继承和方法,无法向父类传参

function father(){}

function son(){}

son.prototype=new father()

2,构造函数继承

在子类构造函数的内部调用父类构造函数

解决了给父类传参的问题

缺点:访问不了父类原型上的方法和属性,无法实现函数的复用

function father(){}

function son(...a){

father.call(this,...a)

}

3,组合式继承

既可以向父类传参,也可以访问父类原型上的方法

缺点是第一次会调用两次父类的构造函数,一次是在创建子类原型的时候,第二次是在子类构造函数的内部

function father(){}

function son(...a){

father.call(this,...a)

}

son.prototype=new father()

4,extend继承

5,寄生组合继承

只调用了一次父类的函数,避免在son的prototype上面创建不必要的、多余属性

function father(){}

function p(subType){

this.constructor = subType

}

p.prototype=father.prototype

function son(...a){

father.call(this,...a)

}

son.prototype=new p(father)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大鸡腿最好吃

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值