10/08/2025 –, TR212
分享將從 JavaScript 角度切入 TypeScript 的核心,跳過複雜的進階語法(如 Utility Types),直接透過由淺入深的範例,剖析新手最常遇到的錯誤(如 implicitly has an 'any' type),一步步建立扎實的型別思維,並學會如何設計型別安全機制。
TypeScript 優勢:
- 認識靜態檢查、自動補全與提示的優點。
型別來源 (註記 vs. 推論):
- 從 default parameters 的 any 錯誤,學習 Explicit Types (型別註記) 與 Implicit Types (型別推論) 機制。
型別廣度 (let vs. const):
- 比較 let 與 const,理解 Type Widening (通用型別) 與 Literal Type (精確定義)。
常見 TS 雷區 & JS 觀念:
- 推論後為何無法改變
- 釐清物件/陣列的不可變性與唯讀
- TS 為何限制屬性訪問?
- as 風險 vs. as const 妙用
- any 陷阱,為何要避免 AnyScript?
有 javascript 經驗或是寫過強型別語言的開發者
Niveau de difficulté:初學者
我是一位具備強烈學習動機與懷疑精神的前端工程師,目前專注於 React 19 + Next.js 15(Pages Router 架構) 的應用開發。
有時候好奇心爆棚會為了剖析問題核心會去爬 next source code,發現搭配 v0 蠻好的。