二、typescript类（二）构造函数、继承

目录

• constructor构造函数：
• 继承：

 

---

回到顶部

constructor构造函数：

会在对象创建时调用，可以自定义对象的值

class Dog{
   name:string;
   age:number;
   bark(){
    alert("汪！");
    console.log(this.name);//在方法中可以通过this来表示当前调用方法的对象
   }
   /**
    * constructor构造函数：
    * 会在对象创建时调用
    */
constructor(name:string,age:number){
    //在实例方法中，this就表示当前实例
    //在构造函数中，当前对象就是当前新建的对象
    //可以通过this向新建的对象添加属性；
    this.name=name;
    this.age=age;
}
}

const dog_black = new Dog("小黑",2);
const dog_white = new Dog("小白",4);
console.log(dog_black);
dog_black.bark();

 

回到顶部

继承：

• 定义一个表示狗（Dog）的类；
• Dog类继承Animal类；
• Animal 被称为 父类，Dog被称为子类，子类将拥有父类的属性和方法
• 通过继承可以将多个类中共有的代码写在一个父类中，这样需要写一次即可让所有的子类都同时拥有父类的所有属性和方法n；
• 如果希望在子类中添加一些父类中没有的方法和属性，直接添加即可；

•  如果子类中添加了和父类相同的方法，则子类方法会覆盖父类的方法,这种形式也叫重写

 

Animal类 & Dog类：

class Animal {
        name: string;
        age: number;
        bark() {
            alert("动物在叫");
        }

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

  class Dog extends Animal{
 
    }

Dog拥有Animal所有属性和方法也可以；

 const dog = new Dog("旺财",12);
    dog.bark();

继承的应用

• 如果向在子类中调用父类方法？
• 在子类中覆盖父类的方法？
• 在子类中重新添加方法？

class Dog extends Animal{
        run(){
            console.log("run")
        }
        bark(): void {
            //super表示当前类的父类
            super.bark();//调用父类方法
        }
        constructor(name:string,age:number){
            //如果在子类中写了构造函数，此时，在子类的构造函数中必须对父类的构造函数进行调用
            super(name,age);
        }
        
    }

调用：

   const dog = new Dog("旺财",12);
    dog.bark();
    dog.run();