JavaScript继承那点事/demo5.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>寄生组合继承</title>
  </head>
  <body></body>
</html>
<script>
  /**
   * @method extend
   * @param {function} r the object to modify.
   * @param {function} s the object to inherit.
   */
  function Extend(r, s) {
    var sp = s.prototype;
    var rp = Object.create(sp);
    rp.constructor = r;
    r.prototype = rp;
  }
  function KFC(food) {
    this.food = food;
  }
  KFC.prototype.getFood = function () {
    console.log(this.food)
  }

  function Mcdonalds(food, newFood) {
    KFC.call(this, food);
    this.newFood = newFood;
  }

  Extend(Mcdonalds, KFC);

  Mcdonalds.prototype.getNewFood = function () {
      console.log(this.newFood)
  }
  
  var dog = new Mcdonalds("老北京鸡肉卷", "5G炸鸡");
  dog.getFood(); // "老北京鸡肉卷"
  dog.getNewFood();  // "5G炸鸡"
</script>