如何在 TypeScript 中使用類和繼承
“
TypeScript是一種編程語(yǔ)言，它是JavaScript的超集。它通過(guò)添加靜態(tài)類型、類、接口和模塊等功能來(lái)擴(kuò)展JavaScript
”
class Hero {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
say(): void {
console.log(`my name is ${this.name}`);
}
}在上面的代碼中，我們定義了一個(gè)名為Hero的類，它具有name和age屬性，以及一個(gè)say方法。構(gòu)造函數(shù)用于初始化對(duì)象的屬性。
通過(guò)類的定義，我們可以創(chuàng)建多個(gè)具有相同屬性和行為的對(duì)象，實(shí)現(xiàn)代碼的復(fù)用和封裝。
const Jieke = new Hero('jieke', 28)
Jieke.say(); // 輸出：my name is jieke繼承和子類
在面向?qū)ο缶幊讨?，繼承是一種重要的概念。通過(guò)繼承，我們可以創(chuàng)建一個(gè)類的子類（也稱為派生類），并繼承其屬性和方法。子類可以擴(kuò)展或修改父類的功能，從而實(shí)現(xiàn)代碼的重用和擴(kuò)展
在TypeScript中，我們使用extends關(guān)鍵字來(lái)指定一個(gè)類繼承自另一個(gè)類
class Superman extends Hero {
heroId: string;
constructor(name: string, age: number, heroId: string) {
super(name, age);
this.heroId = heroId;
}
skill(): void {
console.log(`${this.name}_${this.heroId}.`);
}
}我們定義了一個(gè)名為Superman的子類，它繼承自Hero父類。子類具有自己的屬性heroId，并通過(guò)調(diào)用super關(guān)鍵字來(lái)調(diào)用父類的構(gòu)造函數(shù)。
創(chuàng)建子類的實(shí)例與創(chuàng)建父類的實(shí)例類似：
const s1 = new Superman("Batman", 20, "12345");
s1.say(); // 輸出：my name is Batman
s1.skill(); // 輸出：Batman_12345限制類的屬性和方法的訪問(wèn)
在TypeScript中，我們可以使用訪問(wèn)修飾符來(lái)限制類的屬性和方法的訪問(wèn)。以下是幾個(gè)常用的訪問(wèn)修飾符：
- public（默認(rèn)）：可以在類內(nèi)部和外部訪問(wèn)。
- private：只能在類內(nèi)部訪問(wèn)。
- protected：可以在類內(nèi)部和子類中訪問(wèn)，但不能在類外部訪問(wèn)。
通過(guò)使用訪問(wèn)修飾符，我們可以控制類的成員的可見(jiàn)性，增強(qiáng)了封裝性和安全性
class Person {
public name: string;
private age: number;
protected gender: string;
constructor(name: string, age: number, gender: string) {
this.name = name;
this.age = age;
this.gender = gender;
}
say() {
console.log(`Hi, my name is ${this.name}.`);
}
private sayAge() {
console.log(`I am ${this.age} years old.`);
}
}
class Student extends Person {
constructor(name: string, age: number, gender: string) {
super(name, age, gender);
}
sayGender() {
console.log(`My gender is ${this.gender}.`);
}
}
const person = new Person("Tom", 18, "male");
console.log(person.name); // "Tom"
console.log(person.age); // Error: Property 'age' is private and only accessible within class 'Person'.
console.log(person.gender); // Error: Property 'gender' is protected and only accessible within class 'Person' and its subclasses.
const student = new Student("Jane", 20, "female");
console.log(student.gender); // "female"抽象類
在TypeScript中，我們還可以使用抽象類（abstract class）來(lái)定義一個(gè)不可實(shí)例化的基類。抽象類提供了一種模板，用于派生其他類，并定義了一些必須由子類實(shí)現(xiàn)的抽象方法。抽象類不能被直接實(shí)例化，只能被繼承
以下是一個(gè)抽象類的示例：
abstract class Role {
// 定義抽象屬性
abstract name:string;
abstract age:number;
// 定義保護(hù)屬性，每個(gè)繼承子類都能繼承并調(diào)用的屬性
protected lastPoint!: {x:number,y:number};
protected status!: "run" | "risk" | "die";
// 定義保護(hù)方法，每個(gè)繼承子類都能繼承并調(diào)用的方法
protected getLastPoint (lastPoint:{x:number,y:number}) {
this.lastPoint = lastPoint;
}
// 定義抽象方法，在子類中重寫來(lái)執(zhí)行不同的任務(wù)
abstract attack():void;
}繼承抽象類的子類實(shí)例化對(duì)象通過(guò)調(diào)用同一抽象類規(guī)定的抽象方法，來(lái)實(shí)現(xiàn)了不同的操作，體現(xiàn)了類的多態(tài)
class antor extends Role {
// 重寫抽象屬性
name: string = "han";
age: string = 20;
// 重寫抽象方法
attack(): void {
console.log("正在被攻擊");
}
constructor () {
super();
}
}
