iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

讓 TypeScript 成為你全端開發的 ACE! 系列

嗨!我是 Max!

近幾年來,TypeScript(以下簡稱TS) 在各大 JS 框架的支援度越來越高,它優越的型別與介面系統以及更多結合 ECMAScript 擴充語法支援,使專案使用 TS 開發時,除了可增強其維護性外,也達成了原本 JS 很難實踐或很麻煩的問題。

型別系統最終目的要讓開發者避免幾種常見錯誤:寫錯字 / 缺少實踐類別或物件的性質與方法 / 缺少額外的型別檢查等。另外,如果結合設計模式以及好的寫程式習慣,TS 可以幫你奠定好專案的架構基礎,使得開發過程充滿成就感,因為寫出來的都是漂亮、維護性高的程式碼。

以下就由我來介紹如何使 TS 成為你開發前後端的王牌!

鐵人鍊成 | 共 51 篇文章 | 449 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前,仔細想想看 如何使用類別的繼承(Inheritance)? 為何我們設計類別的成員時,會儘量以 private 模式為基準?什麼時候該開放...

DAY 22

Day 22. 機動藍圖・特殊成員 X 存取方法 - TypeScript Class Accessors

閱讀本篇文章前,仔細想想看 類別的靜態成員(Static Members)是什麼?與普通成員差異在哪? 什麼情況下會採用靜態成員的設計呢? 如果還沒理解...

DAY 23

Day 23. 機動藍圖・私有建構子 X 單身狗模式 - Private Constructor & Singleton Pattern

閱讀本篇文章前,仔細想想看 還記得存取修飾模式(Access Modifiers)有哪些嗎? 你有想過 private 除了類別成員與類別的靜態屬性與方法...

DAY 24

Day 24. 機動藍圖・類別推論 X 註記類別 - Class Type Inference & Annotation

閱讀本篇文章前,仔細想想看 大致上已經了解類別的基本用法與性質了嗎? TypeScript 針對物件方面的型別推論與註記機制為何? 如果還沒理解完畢的話...

DAY 25

Day 25. 機動藍圖・類別與介面 X 終極的組合 - Ultimate Combo of Class & Interface

閱讀本篇文章前,仔細想想看 試描述類別(Class)的型別推論機制與註記機制。 繼承過後的子類別,試描述其類別推論機制與註記機制。 子類別跟父類別的推論與...

DAY 26

Day 26. 機動藍圖・策略模式 X 選擇策略 - Strategy Pattern Using TypeScript. I

閱讀本篇文章前,仔細想想看 類別繼承與介面綁定的差別在哪裡?能夠描述它們各自的優缺點嗎? 如果還沒理解完畢的話,可以先翻看前一篇的文章喔! 筆者本來沒有要...

DAY 27

Day 27. 機動藍圖・策略模式 X 臨機應變 - Strategy Pattern Using TypeScript. II

閱讀本篇文章前,仔細想想看 大致上理解策略模式以及應用類別與介面進行實踐。 另外本篇會延續上一篇的範例,因此沒有看過可以先翻看前一篇的文章喔! 廢話不多說...

DAY 28

Day 28. 機動藍圖・抽象類別 X 藍圖基底 - TypeScript Abstract Class

閱讀本篇文章前,仔細想想看 筆者列出到目前為止我們學到跟類別有關的名詞,可以回憶一下它們各自的定義以及實用的地方在哪裡~ 類別與物件的差別 Class v...

DAY 29

Day 29. 機動藍圖・工廠模式 X 抽象工廠 - Factory Method & Abstract Factory Pattern Using TypeScript

閱讀本篇文章前,仔細想想看 大致上已經了解抽象類別的運用性質與情境了嗎? 另外本篇會延續前一篇的範例,除了可以參考前一篇外,筆者本篇會再進行簡單的敘述!...

DAY 30

Day 30. 機動藍圖・流言終結者 X 重新認識物件的複合 - Favour Object Composition Over Class Inheritance

閱讀本篇文章前,仔細想想看 已經熟悉類別的運作流程並懂得 OOP 的基礎概念。 熟悉了策略模式(Strategy Pattern)嗎? 如果還不清楚的話...