Typescript學習總結之類

1. 類的定義和使用

class Student {
    name;

    say() { 
        console.log(this.name + " saying");
    }
}

var s1 = new Student();
s1.name = "zhangsan";
s1.say();

var s2 = new Student();
s2.name = "lisi";
s2.say();
      

　　

2. 類的構造函數

class Student {

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

    name;

    say() { 
        console.log(this.name + " saying");
    }
}

var s1 = new Student("zhangsan");
s1.say();

var s2 = new Student("lisi");
s2.say();
      

　類的構造函數定義在constructor

效果圖

上面的代碼可以簡寫為

class Student {

    constructor(public name: string) { 
    }

    say() { 
        console.log(this.name + " saying");
    }
}

var s1 = new Student("zhangsan");
s1.say();

var s2 = new Student("lisi");
s2.say();
      

　　輸出結果是一樣的

3. 類的繼承

class Student {

    constructor(public name: string) { 
    }

    say() { 
        console.log(this.name + " saying");
    }
}

class HighSchoolStudent extends Student { 

    constructor(name: string, no: string) {
        super(name)
     }
    no:string;
    study() {
        super.say();
     }
}

var hStudent = new HighSchoolStudent("wangwu","06169020");
hStudent.say();
      

extends 代表要繼承的類