了解TypeScript中的類(Class)功能

了解TypeScript中的類(Class)功能

目錄

TypeScript 類(class)

TypeScript 是一種由微軟開發的 JavaScript 的超集,它擁有 JavaScript 所沒有的特性,其中之一就是類(class)。

什麼是類(class)

類(class)是一種封裝,它可以將屬性和方法組合在一起,封裝成一個類別,可以被重複使用。它可以讓你更有效率的開發程式,而不用重複寫同樣的程式碼。

TypeScript 中的類(class)

TypeScript 中的類(class)可以讓你更有效率的開發程式,它提供了更多的特性,讓你可以更容易的開發出更靈活的程式。

建立類(class)

在 TypeScript 中,可以使用 class 關鍵字來建立一個類別,並且可以使用 constructor 來定義類別的屬性,以及 methods 來定義類別的方法:

class Person {
    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }
    name: string;
    age: number;
    sayHello() {
        console.log(`Hello, my name is ${this.name}`);
    }
}

建立類別的實例

在 TypeScript 中,可以使用 new 關鍵字來建立一個類別的實例:

let person = new Person("John", 20);
person.sayHello(); // Hello, my name is John

繼承

TypeScript 也支援類別的繼承,可以使用 extends 關鍵字來繼承一個類別:

class Student extends Person {
    constructor(name: string, age: number, major: string) {
        super(name, age);
        this.major = major;
    }
    major: string;
    sayHello() {
        console.log(`Hello, my name is {this.name}, I'm majoring in{this.major}`);
    }
}

靜態屬性和方法

TypeScript 也支援類別的靜態屬性和方法,可以使用 static 關鍵字來定義:

class Person {
    static species = "Homo sapiens";
    static isAdult(age: number) {
        return age >= 18;
    }
    constructor(public name: string, public age: number) { }
    sayHello() {
        console.log(`Hello, my name is ${this.name}`);
    }
}

console.log(Person.species); // Homo sapiens
console.log(Person.isAdult(20)); // true

總結

TypeScript 中的類(class)可以讓你更有效率的開發程式,它提供了更多的特性,讓你可以更容易的開發出更靈活的程式,例如建立類別、建立類別的實例、繼承、靜態屬性和方法等等。 如果你想要更深入的了解 TypeScript 中的類(class),可以參考官方文件:TypeScript 類(class)

推薦閱讀文章

TypeScript 類(class)
TypeScript 類(class) 手冊
TypeScript 類(class) 教學
TypeScript 類(class) 範例
TypeScript 類(class) 實作</a

延伸閱讀本站文章

更多TypeScript相關文章

推薦學習youtube影片

發佈留言