JavaScript继承那点事/demo6.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ES6继承</title>
  </head>
  <body></body>
</html>
<script>
  class KFC {
    constructor(food) {
      this.food = food;
    }
    getFood() {
      console.log(this.food);
    }
  }

  class Mcdonalds extends KFC {
    constructor(food, newFood) {
      super(food);
      this.newFood = newFood;
    }
    getNewFood() {
      console.log(this.newFood);
    }
  }

  const dog = new Mcdonalds("老北京鸡肉卷", "5G炸鸡");
  dog.getFood(); // "老北京鸡肉卷"
  dog.getNewFood(); // "5G炸鸡"

  function _inheritsLoose(subClass, superClass) {
    subClass.prototype = Object.create(superClass.prototype);
    subClass.prototype.constructor = subClass;
    subClass.__proto__ = superClass;
  }
  var Mcdonalds = /*#__PURE__*/ (function (_KFC) {
    _inheritsLoose(Mcdonalds, _KFC);

    var _super = _createSuper(Mcdonalds);

    function Mcdonalds(food, newFood) {
      var _this;

      _this = _KFC.call(this, food) || this;
      _this.newFood = newFood;
      return _this;
    }

    var _proto2 = Mcdonalds.prototype;

    _proto2.getNewFood = function getNewFood() {
      console.log(this.newFood);
    };

    return Mcdonalds;
  })(KFC);
</script>