前端学习笔记:关于JS几种继承的解读

这篇博客介绍了JavaScript中的四种继承方式:组合式继承、原型式继承、寄生式继承和寄生组合式继承。组合式继承通过两次调用父类构造函数实现属性和方法的共享,但存在重复调用问题。原型式继承利用对象浅拷贝实现继承,但引用属性会被多个实例共享。寄生式继承在不创建新构造函数的情况下改进了原型式继承,但在添加共享方法时可能导致函数无法重用。寄生组合式继承则解决了组合式继承中父类实例的多余创建,减少了构造函数的调用次数。
摘要由CSDN通过智能技术生成

老笔记了,存在电脑里忘记发

组合式继承

组合 就是两方面都各做一次,缺点是 所谓"两次执行"父类的构造函数

第一次是new实例化 用于创建子类的原型对象 目的是共享方法

第二次是单纯执行 用于将父类的属性赋予子类的实例 目的是拥有属性


父类构造函数 可想象为 形如this.key = val

let parent = function(name) {
      // 父类型的自有属性
      this.name = name;
      this.hobbies = ['tennis','music','photography']
   }

而子类构造函数除了往this上添加属性外,还通过call让自己的this执行父类构造函数 把父类属性加到自己身上

let son = function(name,sex) {
    //构造函数式继承父类属性,这里是第二次调用父类构造函数
    parent.call(this, name); 
    // 添加子类自己的私有属性
    this.sex = sex;
}

在new子类构造函数得到子类实例之前,为了共享原型方法,需要得到一个父类实例 作为子类原型对象

son.prototype = new parent(); 这是首次调用父类构造函数 作为子类原型对象;

son.prototype.constructor = son;并且让这个

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值