js实现最理想的继承

JS的继承方式有很多种,最理想的继承方式是寄生组合式继承。

1.创建父类型

  function Person(name,age,sex){
   this.name=name;
   this.age=age;
   this.sex=sex;
  }
  //父类的方法
  Person.prototype.running=function(){
   console.log(this.name + " running~");
  }

2.创建子类型 

同时通过借用构造函数继承的方式  继承父类的属性,

并且使用组合式继承,继承父类的方法。

  function Student(name,age,sex,sno){
   //借用构造函数继承 父类属性
   Person.call(this,name,age,sex);
   this.sno=sno;
  }
  //使用组合继承 继承父类的方法
  Student.prototype=new Person();
  Student.prototype.constructor=Student;
  // 子类的方法必须得在完成组合继承后创建
  Student.prototype.reading=function(){
   console.log(this.name + " reading~");
  }

组合继承(构造函数和原型的组合)会调用两次父类构造函数的代码。

这样虽然成功的将方法继承过来了,但是也同时将属性第二次继承了过来,就显得多余了。

因此引入寄生组合式继承,即通过借用构造函数来继承属性,通过原型链的方式来继承方法,而不需要为子类指定原型而调用父类的构造函数,我们需要拿到的仅仅是父类原型的一个副本。

    //SubType子类 SuperType父类
    function inheritPrototype(SubType, SuperType) {
      SubType.prototype = Object.create(SuperType.prototype);
      //将子类原型的constructor重新指向子类
      Object.defineProperty(SubType.prototype, "constructor", {
        enumerable: false,
        configurable: true,
        writable: true,
        value: SubType,
      });
    }

Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__

Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。

    //组合式继承
    // Student.prototype=new Person();
    // Student.prototype.constructor=Student;
    // ==>替换成
    //使用寄生组合式 继承父类的方法
    inheritPrototype(Student,Person);

   

 现在就完成了最理想的继承了。


每天进步一点点!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值