TypeScript 類(class)

TypeScript 是一種 JavaScript 的超集，它擁有 JavaScript 的所有功能，並且擴充了一些新的功能，其中之一就是類(class)。

類(class)是一種封裝，它可以將屬性和方法組合在一起，以便於管理和重用。TypeScript 中的類(class)可以使用兩種語法：ES5 和 ES6。

ES5 類(class)

ES5 類(class)是 TypeScript 中最簡單的類(class)語法，它使用 JavaScript 的函數來定義類(class)，並使用 prototype 對象來定義方法。

下面是一個簡單的 ES5 類(class)示例：

function Person(name, age) {
    this.name = name;
    this.age = age;
}

Person.prototype.sayHello = function() {
    console.log("Hello, my name is " + this.name);
};

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

上面的示例中，我們定義了一個名為 Person 的類(class)，它有兩個屬性：name 和 age，以及一個方法：sayHello()。

ES6 類(class)

ES6 類(class)是 TypeScript 中最新的類(class)語法，它使用 JavaScript 的 class 關鍵字來定義類(class)，並使用 constructor 和 methods 來定義屬性和方法。

下面是一個簡單的 ES6 類(class)示例：

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    sayHello() {
        console.log("Hello, my name is " + this.name);
    }
}

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

上面的示例中，我們定義了一個名為 Person 的類(class)，它有兩個屬性：name 和 age，以及一個方法：sayHello()。

總結

TypeScript 中的類(class)可以使用兩種語法：ES5 和 ES6。ES5 類(class)使用 JavaScript 的函數來定義類(class)，並使用 prototype 對象來定義方法；而 ES6 類(class)則使用 JavaScript 的 class 關鍵字來定義類(class)，並使用 constructor 和 methods 來定義屬性和方法。

TypeScript 的類(class)可以讓開發者更容易地封裝屬性和方法，以便於管理和重用，因此 TypeScript 是一種非常有用的語言。

Categorized in:

TypeScript

Tagged in: