typescript中類的繼承

typescript中類的繼承用到的是：extends和super

先看一下typescript中類的寫法：

class Demo{
    //類的屬性
    name:string;
    age:number;
    //類的構造函數
    constructor(name:string,age:number){
        this.name=name;
        this.age=age;
    }
    //類的方法
    run():string{
        return `${this.name}的年齡是${this.age}歲`
    }
}

其實至關於js中的構造函數：es5的寫法能夠和上面的es6的類對比一下

function Demo(name,age){
　　　//構造函數的屬性　
     this.name=name;
     this.age=age;
　　  //方法
     this.run=function(){
          return this.name+"的年齡是"+this.age+"歲"
     }
}
 var demo=new Demo("張三",19);
 alert(demo.run());

下來看類的繼承：

class Tparent{
    name:string;//類的屬性
    //類的構造函數
    constructor(name:string){
        this.name=name;
    }
    run():string{
        return `${this.name}在運動`
    }
}

用一個Web類來繼承上面的類

class Web extends Tparent{
    constructor(name:string){
        super(name);//至關於初始化父類的構造函數
    }
}

var w=new Web("李四");
alert(w.run());