关于js继承

继承在js中占有非常重要的地位,那么在js中有很多中继承的方式,不过每一种继承方式都有优缺点。下面就列举几种继承的方式。

实现继承首先需要一个父类,在js中实际上是没有类的概念,在es6中class虽然很像类,但实际上只是es5上语法糖而已

一、原型链继承
实现:
        将父类的实例挂载到子类的原型上

 

 优点:
        实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性
 缺点:
           1、新实例无法向父类构造函数传参。
   2、继承单一。
   3、所有新实例都会共享父类实例的属性。

二、 构造函数继承
用.call()和.apply()将父类构造函数引入子类函数(在子类函数中做了父类函数的自执行(复制))

 

 优点:1、只继承了父类构造函数的属性,没有继承父类原型的属性。
    2、解决了原型链继承缺点1、2、3。
    3、可以继承多个构造函数属性(call多个)。
    4、在子实例中可向父实例传参。
缺点:1、只能继承父类构造函数的属性。
    2、无法实现构造函数的复用。(每次用每次都要重新调用)
    3、每个新实例都有父类构造函数的副本,臃肿。

三、 组合式继承


 优点:1、可以继承父类原型上的属性,可以传参,可复用。
    2、每个新实例引入的构造函数属性是私有的。
缺点:调用了两次父类构造函数(耗内存),子类的构造函数会代替    原型上的那个父类构造函数

 

四、class继承
 
 es6继承⽤class定义类,⽤extends继承类,⽤ super()表示⽗类

 

子类可以没有自己的构造方法,没有可以调用父亲的,但是有构造方法先调用父亲
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值