iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

用不到 30 天學會基本 TypeScript 系列

現在前端框架都支持 TypeScript,JD 也都需要擁有 TypeScript 這項技能,所以藉由鐵人賽來一起學習,這是初學者的 TypeScript 學習指南。

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

泛型(Generics)

泛型在 TypeScript 裡,是很重要的一個環節,幾乎都會看到它的身影。在前面的文章範例裡,應該或多或少都有使用到泛型,那泛型究竟是什麼?為什麼這麼重要呢?...

2023-09-21 ‧ 由 威爾豬 分享
DAY 22

類別 ( Classes )

在 React v16.8 之前,React 需要使用 Class 來撰寫,這也讓很多人怯步,但從 React v16.8 推出了 React Hooks 後...

2023-09-22 ‧ 由 威爾豬 分享
DAY 23

類別封裝 ( Class Encapsulation )

類別封裝是一種將類別的內部細節隱藏起來,確保類別的屬性和方法在外部程式碼中不被隨意訪問,提高程式碼的可維護性和可讀性,同時提供了一定程度的安全性。 存取修飾符...

2023-09-23 ‧ 由 威爾豬 分享
DAY 24

模組 & 命名空間 ( Modules & Namespaces )

相信使用 ES6 的小夥伴們對模組都不陌生,現代前端框架也都使用模組在運作。而模組和命名空間是兩種組織和封裝程式碼的方式,雖然它們都有類似的目標,但它們在某些方...

2023-09-24 ‧ 由 威爾豬 分享
DAY 25

型別縮小 ( Narrowing )

Type Narrowing 是一種概念,指在程式碼執行過程中,根據特定條件,將變數的型別從一個較廣泛的型別縮小為較特定的型別,以提供更精確的型別資訊,這種功能...

2023-09-25 ‧ 由 威爾豬 分享
DAY 26

高級型別

在一開始我們就介紹了 聯合類型和交叉類型 這兩種常用到的高級型別,威爾豬自己也是比較常使用它們。這次我們來看看還有哪些高級型別可以使用: 映射類型 ( Mapp...

2023-09-26 ‧ 由 威爾豬 分享
DAY 27

Utility 型別 Ⅱ

之前我們講過了幾個 Utility 型別 Ⅰ,忘記了的小夥伴可以再來看看。TypeScript 還提供了其它的 Utility 型別工具: Extract Ex...

2023-09-27 ‧ 由 威爾豬 分享
DAY 28

裝飾器 ( Decorators )

裝飾器可以使我們可以在類別、方法、屬性或參數上添加元數據(metadata),並根據這些元數據來自動轉化或擴充程式碼。它可以在類別或方法不修改程式碼的情況下做一...

2023-09-28 ‧ 由 威爾豬 分享
DAY 29

聲明文件 ( Declaration Files )

本篇只會稍微提到製作聲明文件的方式,並不會有過多深入的探討。 為什麼需要聲明文件? 有時候當我們使用第三方模組時,它們是依據純 JavaScript 來撰寫...

2023-09-29 ‧ 由 威爾豬 分享
DAY 30

前端開發環境 + React + TS

今天過後,相信小夥伴們應該對 TypeScript 有多一點點的基本認識,至於剩下的就是更高級和複雜的組合和運用,如果有興趣可以來玩玩 Type Challe...

2023-09-30 ‧ 由 威爾豬 分享