extends继承

继承

(function () {
  //定义一个Animal类
  class Animal {
    name: string;
    age: number;

    constructor(name: string, age: number) {
      this.name = name;
      this.age = age;
    }

    sayHello() {
      console.log("动物giaogiaogiao");
    }
  }

  /**
   * Dog类继承Animal类
   *    -- Animal被称为父类，Dog类被称为子类
   *    -- 使用继承后，子类会拥有父类所有的属性和方法
   *    -- 通过继承可以将多个类中共有的代码写在一个父类中，
   *           这样只需要写一次即可让所有的子类都同时拥有弗雷德属性和方法
   *           如果希望在子类中添加1一些父类中没有的属性和方法，直接加就行
   *    -- 如果在子类中添加了和父类相同的方法，则子类方法会覆盖父类的方法
   *           这种子类覆盖父类方法的形式，称为重写
   */
  class Dog extends Animal {
    run() {
      console.log(this.name + "在跑");
    }

    // 重写
    sayHello() {
      console.log(this.name + "在汪汪汪！");
    }
  }

  // 使Cat类继承Animal类
  class Cat extends Animal {
    sayHello() {
      console.log(this.name + "在喵喵喵！");
    }
  }

  const dog = new Dog("旺财", 5);
  const cat = new Cat("咪咪", 2);
  console.log(dog);
  console.log(cat);
  dog.sayHello();
  dog.run();

  cat.sayHello();
})();

super

(function () {
  class Animal {
    name: string;

    constructor(name: string) {
      this.name = name;
    }

    sayHello() {
      console.log(this.name + "汪！");
    }
  }

  class Dog extends Animal {
    age: number;

    constructor(name: string, age: number) {
      // 如果在子类中写了构造函数，在子类的构造函数中，我们必须对父类的构造函数进行调用
      super(name); // 调用父类的构造函数
      this.age = age;
    }

    sayHello() {
      // 在类的方法中，super就表示当前类的父类
      super.sayHello();
    }
  }

  const dog = new Dog("旺财", 4);
  dog.sayHello();
})();