iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

*在面向對象編程(OOP)中,類別繼承是一個非常重要的概念。它允許我們基於現有的類別創建新的類別,從而實現代碼的重用和結構化。在 JavaScript 中,我們可以使用 extends 關鍵字來建立子類別,並透過 super 關鍵字來呼叫父類別的建構子或方法。
*
1. 建立父類別 (Parent Class)

父類別是一個可以被其他類別繼承的基礎類別。這裡我們以一個基本的 Animal 類別為例:
https://ithelp.ithome.com.tw/upload/images/20240928/20169433dsqo9rIs5U.png

2. 使用 extends 關鍵字建立子類別

子類別透過 extends 關鍵字繼承父類別的屬性和方法。假設我們要創建一個 Dog 類別,它可以繼承自 Animal
https://ithelp.ithome.com.tw/upload/images/20240928/20169433N8vOTjCF1q.png
在這個例子中,Dog 類別繼承了 Animal 類別的屬性和方法,並且可以重寫 speak 方法來定義它自己的行為。此外,我們使用 super(name) 呼叫了父類別的建構子,來初始化 name 屬性。

3. 使用範例

我們可以通過建立 Dog 類別的實例,並使用它的方法來展示繼承和方法重寫的功能:
https://ithelp.ithome.com.tw/upload/images/20240928/20169433SnQSPRwShf.png
在這裡,我們看到 myDog 繼承了 Animal 的屬性 name,但 speak 方法被子類別 Dog 所重寫,使其輸出符合 Dog 類別的行為。

結論

類別繼承在 JavaScript 中是一個強大的功能,讓我們能夠更有效地組織代碼,實現代碼重用並提升結構化。使用 extends 關鍵字,我們可以從基礎類別派生出更具體的類別,同時透過 super 來呼叫父類別的建構子,確保父類別的屬性能夠正確地被初始化。


上一篇
Day13 JavaScript 中的類別 (Classes)
下一篇
Day15 JavaScript 模組 (Modules)
系列文
深入淺出 ES6 新特性:讓 JavaScript 更現代化的 30 天之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言