JS继承六种方式详解

本文详细介绍了JavaScript中包括原型链继承、构造函数继承、实例继承、组合式继承、寄生组合继承以及ES6继承在内的六种继承方式。每种方式都有其优缺点,如原型链继承简单但无法实现多继承,构造函数继承可以传参但方法不可复用,组合式继承实现了属性和方法的继承但存在冗余,寄生组合继承则通过优化解决了组合式继承的问题。ES6的继承提供了简洁的语法,但与ES5有所不同。理解这些继承方式的核心在于掌握它们的思想,以便在实际开发中灵活运用。
摘要由CSDN通过智能技术生成

js继承的6种方式:

想要继承,就必须要提供个父类(继承谁,提供继承的属性)
在这里插入图片描述

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

一、原型链继承

父类的实例作为子类的原型

在这里插入图片描述

优点:

  • 简单易于实现,父类的新增的实例与属性子类都能访问

缺点:

  • 可以在子类中增加实例属性,如果要新增加原型属性和方法需要在new 父类构造函数的后面

  • 无法实现多继承

  • 创建子类实例时,不能向父类构造函数中传参数

二、借用构造函数继承(伪造对象、经典继承)

复制父类的实例属性给子类

在这里插入图片描述

重点:

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

优点:

  • 解决了子类构造函数向父类构造函数中传递参数
  • 可以实现多继承(call或者apply多个父类)

缺点:

  • 方法都在构造函数中定义,无法复用
  • 不能继承原型属性/方法,只能继承父类的实例属性和方法

三、实例继承(原型式继承)

在这里插入图片描述

重点:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值