Typescript学习笔记——继承

一、什么是继承？

继承是类与类之间的关系，是通过扩展其他类而形成新类来实现的，原来的类称为父类（super class）或基类，新类称为原来类的子类或派生类。在子类中，不仅包含父类的属性和方法，还可以增加新的属性和方法，使得父类的基本特征可被所有子类的对象共享。

二、继承的简单样例

Cat extends Animal， 此时Cat为子类，Animal为父类，使用继承之后子类会自动继承父类中的属性和方法。

  class Animal{
  }
  class Cat extends Animal{
  }

三、子类继承父类方法

如下，Cat子类已经继承可以使用Animal中的toString方法了。

 class Animal{
    toString(){
      console.log(`name,age`);
    }
  }

  class Cat extends Animal{
  }

如果，子类拥有父类没有的方法呢，那直接在子类定义方法即可，那么可以方法就是子类自己的方法。如下，Cat子类不仅继承了父类的toString方法，还有自己的miao方法。

 class Animal{
    toString(){
      console.log(`name,age`);
    }
  }

  class Cat extends Animal{
    //Cat子类特有方法
    miao(){
      console.log("Miao")
    }
  }

如果，子类需要对父类继承来的方法进行改写呢，那直接在子类重新书写继承的方法，从而达到覆盖原继承方法的效果，这个过程被称为方法的重写。类似于java中的@Override

 class Animal{
    toString(){
      console.log(`name,age`);
    }
  }

  class Cat extends Animal{
    //Cat子类特有方法
    miao(){
      console.log("Miao")
    }
    
    //重写了继承方法
    toString(){
      console.log(`age,name`);
    }
  }

四、super

super关键字表示超（父）类的意思。在子类中使用表示引用父类本身，可以通过super来获得父类属性和方法。

五、子类继承父类属性

如下，Cat子类已经继承可以使用Animal属性了。此时的Cat子类拥有从父类继承而来的name和age属性。

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

  class Cat extends Animal{
  }

如果，子类拥有父类没有的新属性呢？那就要定义新属性，并使用构造器构造，需要注意的是构造函数也是一种方法，构造的过程是重写的过程，必须连同父类中的属性一起构造，这里需要用到上面讲到的super关键字。

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

  class Cat extends Animal{
  	height:number;
    constructor(height:number,name:string,age:number){
      super(name,age);
      this.height=height;
    }
  }

6、代码展示

Animal父类

class Animal{

    //定义类属性
    name:string;
    age:number;
    
    //构造函数会在对象创建的时候调用
    constructor(name:string,age:number){
      this.name=name;
      this.age=age;
    }
    
    setName(name:string){
      this.name=name;
    }
    getName(){
      return this.name;
    }
    setAge(age:number){
      this.age=age;
    }
    getAge(){
      return this.age;
    }
    toString(){
      console.log(`name:${this.name},age:${this.age}`);
    }
  }

Cat子类

class Cat extends Animal{

	//自己的属性
    height:number;
    constructor(height:number,name:string,age:number){
      super(name,age);
      this.height=height;
    }
    
    //Cat子类特有方法
    miao(){
      console.log("Miao")
    }
    
    //Cat子类重写父类方法
    toString(){
      super.toString()
    }
  }

Cat继承之后的类

class Cat{

    name:string;
    age:number;
    height:number;
    constructor(height:number,name:string,age:number){
      this.height=height;  
      this.name=name;
      this.age=age;
    }
    
    setName(name:string){
      this.name=name;
    }
    getName(){
      return this.name;
    }
    setAge(age:number){
      this.age=age;
    }
    getAge(){
      return this.age;
    }
    
    miao(){
      console.log("Miao")
    }
    
    toString(){
      console.log(`name:${this.name},age:${this.age}`);
    }
  }