iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

TypeScript 啟動! 系列

「順順的寫js,何必還需要 TypeScript 來增加開發難度和學習曲線?」我曾這麼想,但是總有一個聲音會告訴我:「旅行者,當一切都很順利的時候,一定要回頭看看有沒有問題?」,但隨著專案越做越大越複雜,沒有 TypeScript 的輔助還真是有點讓人頭痛呢(這函數究竟會回傳什麼,到底是String 還是 Number 呢?)
從零到起飛,希望掌握 TypeScript 的基礎和進階功能,還將通過一個小專案來鞏固和展示知識和技能。希望能順利完賽和紀錄學習。

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

[Day 01] TypeScript 是什麼?

TypeScript 是什麼? 其實從名稱就能一言知道,「加強版的 JavaScript ;加強了 Type 」。 ? 「TypeScript」是一個由 Mic...

2023-09-16 ‧ 由 叮叮 分享
DAY 2

[Day 02] TypeScript 工欲善其事

必先利其器(初始之翼) 環境建構 在踏入一個新的語言或工具之前,建立環境一直以來都是讓人煩躁又不知所措的情況;所以我將會用常見的作業系統( Mac &...

2023-09-17 ‧ 由 叮叮 分享
DAY 3

[Day 03] TypeScript 概觀

TypeScript 概觀 在前兩天我們初窺 TypeScript 的面貌和透過 VSCode 完成了第一個小範例。接下來我們將會稍微深入進去這個 TypeSc...

2023-09-18 ‧ 由 叮叮 分享
DAY 4

[Day 04] TypeScript 談論型別

TypeScript 談論型別 在昨天介紹了 TypeScript 編譯器的部分,其中最重要的就是 type system 的概念。但從第一天到現在我都沒有講過...

2023-09-19 ‧ 由 叮叮 分享
DAY 5

[Day 05] TypeScript 你所不知道的基礎型別

型別基礎 讓我們窺探 TypeScript 有的型別吧,它們含有什麼數值,我們可以幹嘛。 Any any 是型別的惡魔,只要付出代價,它全都可以實現;但天下沒有...

2023-09-20 ‧ 由 叮叮 分享
DAY 6

[Day 06] TypeScript 你所不知道的物件型別

TypeScript 的物件( Object )型別規範物件的形狀(shape)。TypeScript 無法分辨簡單物件(相是使用 { } 製作的),和較為複雜...

2023-09-21 ‧ 由 叮叮 分享
DAY 7

[Day 07] TypeScript 你所不知道的 陷阱與沒有 型別

在談到陷阱之前,我們先介紹最後一個基礎型別。 陣列( Array )型別 TypeScript 的陣列算是很特殊的物件,可以支援串接、push 、搜尋、切割等。...

2023-09-22 ‧ 由 叮叮 分享
DAY 8

[Day 08] TypeScript 函式/函數I

在這之前我們已經有了 TypeScript 型別系統的基礎,尤其在基本型別、物件、陣列、元組、 enum 和最重要的 TypeScript 註記與型別推論的概念...

2023-09-23 ‧ 由 叮叮 分享
DAY 9

[Day 09] TypeScript 函式/函數 II

昨天我們介紹了函式的基本結構與參數等等,接下來要來認識函式的多個樣貌了,我會逐一的介紹這些函式~ 產生器函式(generator function) 簡稱產生器...

2023-09-24 ‧ 由 叮叮 分享
DAY 10

[Day 10] TypeScript 類別與介面

今天終於步入到類別( Class )與介面( Interface )的章節了,在大型專案開發的過程中,往往離不開物件導向( object-oriented pr...

2023-09-25 ‧ 由 叮叮 分享