【JS第30期】继承-寄生式、寄生式组合继承

寄生式继承

寄生式继承，即创建一个仅用于封装继承过程的函数，该函数在内部以某种方式来增强对象，最后再像真地是它做了所有工作一样返回对象。如：

function createAnother(original) {
  var clone = object(original); // 通过调用上期的object函数创建一个新对象
  clone.sayHi = function() {  // 以某种方式来增强这个对象
    alert("hi");
  }
  return clone;
}

var persion = {
  name: 'bill',
  friends: ['one', 'two', 'three']
}
var anotherPersion = createAnother(persion);
anotherPersion.sayName(); // 'hi';
复制代码

使用寄生式继承来为对象添加函数，会由于不能做到函数复用而降低效率

寄生组合继承

寄生组合继承，即通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。如：

function object(o) {
  function F(){}
  F.prototype = o;
  return new F();
}
function inheritPrototype(subType, suberType) {
  var prototype = object(suberType.prototype); // 创建对象
  prototype.constructor = subType; // 增强对象
  subType.prototype = prototype;  // 指定对象
}

function SuperType(name) {
  this.name = name;
  this.colors = ['red', 'blue', 'green'];
}
SuperType.prototype.sayName = function() {
  alert(this.name);
}
function SubType(name, age) {
  SuperType.call(this, name);
  this.age = age;
}
inheritPrototype(SubType, SuperType);

SubType.prototype.sayAge = function() {
  alert(this.age);
}
复制代码

如有侵权，请发邮箱至wk_daxiangmubu@163.com 或留言，本人会在第一时间与您联系，谢谢！！

长按二维码关注我们，了解最新前端资讯