TypeScript學習筆記（三）：類

類

在TypeScript中，類似於C#的結構，即一個文件中可以存在多個類，且文件名可以任意取，我們先看一個簡單的類的示例。

class Person {
    private name: string;
    private age: number;

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

    public talk() {
        alert("Hi, my name is " + this.name + ", i am " + this.age.toString() + "!");
    }
}

function run() {
    var p: Person = new Person("Li Lei", 18);
    p.talk();
}

run();

TypeScript中的類需要注意下面幾個點：

• class前不用加訪問控制符，所有類都是全局公開可訪問的；
• 如果類的屬性和方法不加訪問控制符則默認為public；
• 1.3開始支持protected訪問權限，1.3之前僅支持public及private；
• 構造函數不是類名而是constructor；
• 訪問類的成員變量及函數都需要加this關鍵字；

類的繼承

在TypeScript中，如何實現類的繼承呢，請看如下示例：

class Person
{
    private name: string;
    private age: number;

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

    talk()
    {
        alert("Hi, my name is " + this.name + ", i am " + this.age.toString() + "!");
    }
}

class Student extends Person
{
    private school: string;

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

    talk()
    {
        super.talk();
        alert("And I`m in " + this.school + "!");
    }
}

function run()
{
    var p: Person = new Student("Li Lei", 18, "English School");
    p.talk();
}

run();

類的繼承需要注意以下幾點：

• 繼承使用extends關鍵字；
• 調用父級使用super關鍵字；
• 重寫父級方法不需要加override關鍵字，直接定義一樣的方法即可；
• 父級變量可以調用到子級的方法，符合多態的概念；

getter/setter封裝

在TypeScript中我們可以對一個成員變量進行getter和setter的封裝，如下：

class Person
{
    private _name:string;

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

    set name(value:string) {this._name = value;}
    get name() {return this._name;}

    talk()
    {
        alert("Hi, my name is " + this.name + "!");
    }
}

function run()
{
    var p:Person = new Person(null);
    p.name = "Li Lie";
    p.talk();
}

run();

靜態數據和方法

在TypeScript中，是可以使用Static來定義靜態變量及靜態函數的，我們以單例類為例來看看：

class Person
{
    private static _instance:Person;

    static getInstance():Person
    {
        if(this._instance == null)
        {
            this._instance = new Person();
        }
        return this._instance;
    }

    talk()
    {
        alert("Hi, my name is Li Lie!");
    }
}

function run()
{
    Person.getInstance().talk();
}

run();

reference

TypeScript允許多個類在同一個文件里，但如果類與類在不同的文件，需要這種寫法：

/// <reference path="SimpleWebSocket.ts"/>
class ComplexWebSocket extends SimpleWebSocket {
...
}