iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day 1|TS 不難啦!先聊聊為什麼要學 TypeScript

大家好~歡迎來到我的 「30 天 TypeScript 大冒險」 今天是第一天,先別急著打開編譯器,我們先來聊聊: 為什麼要學 TypeScript? 畢竟,學...

2025-09-11 ‧ 由 馬克棒子 分享
DAY 2

Day 2|打造 TypeScript 開發環境:tsconfig 跟我想的不一樣!

昨天我們聊了為什麼要學 TypeScript,今天就來真的動手,把開發環境弄起來 🚀 1. 安裝 TypeScript 要跑 TypeScript,第一步當然是...

2025-09-12 ‧ 由 馬克棒子 分享
DAY 3

Day 3|變數也有性格?帶你認識 TypeScript 基本型別

昨天我們把 TypeScript 開發環境弄好了,今天開始正式踏進型別的世界~ 你可以把型別想像成變數的「性格設定」,它會影響變數能做什麼、不能做什麼。 1....

2025-09-13 ‧ 由 馬克棒子 分享
DAY 4

Day 4|陣列也能很挑剔?TypeScript 陣列與 Tuple 完全攻略

1. 陣列型別的兩種寫法 TypeScript 陣列有兩種常見寫法: let numbers: number[] = [1, 2, 3]; let string...

2025-09-14 ‧ 由 馬克棒子 分享
DAY 5

Day 5|物件型別:讓你的物件有「契約精神」

昨天我們聊了陣列與 Tuple,今天來看看 TypeScript 裡另一個重量級角色—— 物件型別。物件是專案裡最常出現的資料結構,如果不加規範,很容易就變成一...

2025-09-15 ‧ 由 馬克棒子 分享
DAY 6

Day 6|Enum 列舉:常數界的管理員

昨天我們聊了物件型別,今天來認識 TypeScript 裡的 Enum(列舉型別)。 它的使命很簡單: 幫一組相關的常數找一個統一管理的家。 當你的專案裡出...

2025-09-16 ‧ 由 馬克棒子 分享
DAY 7

Day 7|型別推論:TS 比你想像的還聰明

有時候 TS 不需要你明確寫型別,它自己就能猜出來。 這就是型別推論(Type Inference)。 昨天我們聊了 Enum,今天我們來看看 TS 的「神之直...

2025-09-17 ‧ 由 馬克棒子 分享
DAY 8

Day 8|型別也能混搭?Union & Intersection 全攻

今天我們要認識兩個超常用的型別—— Union(聯合型別) 和 Intersection(交叉型別)。 它們的概念超直覺,但用得好,型別設計會靈活到飛起來。...

2025-09-18 ‧ 由 馬克棒子 分享
DAY 9

Day 9|Type Alias vs Interface:雙雄對決,該選誰?

今天我們要聊 TypeScript 裡常見的一個靈魂拷問: 物件型別要用 type 還是 interface? 初學者常覺得它們差不多,但其實有些關鍵差異,...

2025-09-19 ‧ 由 馬克棒子 分享
DAY 10

Day 10|函式型別:參數、回傳值全都要規範起來

今天要進入 TypeScript 型別系統中另一個很重要的領域——函式型別。 在 JS 裡,函式的參數型別、回傳值完全靠人自律; 在 TS 裡,我們可以用型別把...

2025-09-20 ‧ 由 馬克棒子 分享