COSCUP 2025

用 any 斬殺所有錯誤的勇者,轉生靠 let 和 const 覺醒型別之力,展開 TypeScript 之旅
2025-08-10 , 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?


Target Audience:

有 javascript 經驗或是寫過強型別語言的開發者

Difficulty:

初學者

我是一位具備強烈學習動機與懷疑精神的前端工程師,目前專注於 React 19 + Next.js 15(Pages Router 架構) 的應用開發。
有時候好奇心爆棚會為了剖析問題核心會去爬 next source code,發現搭配 v0 蠻好的。