了解TypeScript中的繼承(extends)功能

了解TypeScript中的繼承(extends)功能

TypeScript 繼承(extends)

TypeScript 是一種由微軟開發的 JavaScript 的超集,它擁有 JavaScript 的所有特性,並且擴充了一些額外的特性,其中之一就是「繼承」(extends)。

繼承(extends)是一種面向對象程式設計(Object-oriented programming)的概念,它可以讓開發者將一個類別(Class)的屬性和方法繼承到另一個類別,讓開發者可以將重複的程式碼抽取出來,減少開發時間。

TypeScript 繼承的語法

TypeScript 繼承的語法非常簡單,只需要在宣告類別的時候,使用 extends 關鍵字,就可以將另一個類別的屬性和方法繼承過來,例如:

class Animal {
  move(distanceInMeters: number = 0) {
    console.log(`Animal moved ${distanceInMeters}m.`);
  }
}

class Dog extends Animal {
  bark() {
    console.log('Woof! Woof!');
  }
}

const dog = new Dog();
dog.bark();
dog.move(10);
dog.bark();

在上面的程式碼中,我們宣告了一個 Animal 類別,並且宣告一個 Dog 類別,並且使用 extends 關鍵字將 Animal 類別的屬性和方法繼承到 Dog 類別,最後我們可以使用 Dog 類別來建立一個實體,並且使用 Dog 類別的 bark 方法和 Animal 類別的 move 方法。

TypeScript 繼承的優點

TypeScript 繼承的優點有很多,其中最重要的就是可以減少開發時間,因為開發者可以將重複的程式碼抽取出來,並且將它們繼承到另一個類別,另外,TypeScript 繼承也可以讓開發者更容易維護程式碼,因為開發者可以將重複的程式碼抽取出來,並且將它們繼承到另一個類別,這樣一來,如果有任何錯誤,開發者只需要修改一個地方就可以了。

總結

TypeScript 繼承(extends)是一種面向對象程式設計(Object-oriented programming)的概念,它可以讓開發者將一個類別(Class)的屬性和方法繼承到另一個類別,讓開發者可以將重複的程式碼抽取出來,減少開發時間,並且可以讓開發者更容易維護程式碼。TypeScript 繼承的語法非常簡單,只需要在宣告類別的時候,使用 extends 關鍵字,就可以將另一個類別的屬性和方法繼承過來。

推薦閱讀文章

推薦閱讀文章

            <a href="https://www.tutorialsteacher.com/typescript/typescript-extends">TypeScript 繼承(extends)</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/classes.html">TypeScript Classes</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/interfaces.html">TypeScript Interfaces</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/mixins.html">TypeScript Mixins</a><br>
            <a href="https://www.typescriptlang.org/docs/handbook/advanced-types.html">TypeScript Advanced Types</a

延伸閱讀本站文章

更多TypeScript相關文章

推薦學習youtube影片

發佈留言