iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

我與型別的 30 天約定:TypeScript 入坑實錄 系列

30 天,帶你從 TypeScript 零基礎一路闖關,打怪升級到型別大師!內容涵蓋基礎語法、泛型、型別守衛等進階技巧,最後再挑戰 React、Node.js 實戰專案。每天一點進步,累積下來就是翻天覆地的改變,讓你從此看型別不再心慌,重構不再冒冷汗。

參賽天數 24 天 | 共 24 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊在峴港裸泳咕嚕咕嚕咕嚕曹軍團
DAY 21

Day 21|TypeScript 工具型別實戰:Pick / Omit / Partial / Required / Record / ReturnType 全解

在前面幾天,我們一直有用到一些工具型別(例如 Pick<User, "id" | "name">), 今天來...

2025-10-01 ‧ 由 馬克棒子 分享
DAY 22

Day 22|型別守衛與類型窄化:讓 TypeScript 幫你聰明收斂型別

1) 為什麼需要型別守衛? TS 的型別推論雖然很聰明,但在以下情境會「卡住」: ts CopyEdit type ApiResult = User | Api...

2025-10-02 ‧ 由 馬克棒子 分享
DAY 23

Day 23|泛型進階:打造可重用且型別安全的工具函式

1) 引言:為什麼要泛型? 在 JavaScript 裡,我們常常會寫一些「通用」的函式,例如: ts CopyEdit function first(arr)...

2025-10-03 ‧ 由 馬克棒子 分享
DAY 24

Day 24|條件型別:讓型別也能寫 if/else

1) 引言:型別也能做邏輯判斷? 在程式裡,我們經常會依條件來決定邏輯分支: ts CopyEdit if (isLoggedIn) { ... } else...

2025-10-04 ‧ 由 馬克棒子 分享