继承的2种实现方式

实现继承需要满足的3个必要要求：

• 子类可以访问父类的属性和方法
• instanceof行为正确
• construct指向正确
  • 子类的__proto__属性指向构造函数的prototype

INFO

__proto__属性是对象独有的，prototype属性是函数所独有的，又因为函数是对象，所以函数既有__proto__属性，又有prototype属性；

其他需要满足的可选条件：

• 实例化子类时，可以传递参数给父构造函数

组合继承

const Device = function (model, weight, battery) {
  // 型号
  this.model = model;
  // 重量
  this.weight = weight;
  // 电池容量
  this.battery = battery;
  this.introduce = function () {
    console.log(
      `[{model: ${this.model}, weight: ${this.weight}, battery: ${this.battery}]`,
    );
  };

  this.modifyModel = function (model) {
    this.model = model;
    this.introduce();
  };
};

const Airport = function (position, model, weight, battery) {
  Device.call(this, model, weight, battery);
  // 机场位置
  this.position = position;
  this.fly = function () {
    console.log('机场');
  };
  this.sendSignal = function (uav) {
    console.log('向无人机:' + uav + '发送信号');
  };
};

Airport.prototype = new Device('DJIxxxx-xxxx', '98kg', '60%');
Airport.prototype.constructor = Airport;

缺点

• 需要调用两次父类的构造函数

寄生组合继承

将上述修改为寄生组合继承只需要将new Device修改为Object.create(Device.prototype)

Airport.prototype = new Device('DJIxxxx-xxxx', '98kg', '60%'); 
Airport.prototype = Object.create(Device.prototype); 

Object.create()做了哪些操作呢？

function create(obj) {
  function F() {} // 新的构造函数
  F.prototype = obj; // 继承传入的参数obj
  return new F(); // 返回新的函数对象
}

当然也可以替换为Object.setPrototypeOf

Airport.prototype = new Device('DJIxxxx-xxxx', '98kg', '60%'); 
Object.setPrototypeOf(Airport.prototype, Device.prototype);