iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

Typescript 初心者手札 系列

藉由30天鐵人賽的機會,展開 TypeScript 學習之路,學習如何在 React 專案使用 TypeScript。

鐵人鍊成 | 共 30 篇文章 | 97 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v3.0
DAY 11

【Day 11】TypeScript 資料型別 - 陣列型別(Array Types)-(下)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 簡單陣列的型別推論機制為何? 混合陣列的型別推論機制為何? 如果有點不清楚答案的話,可以看看 Day1...

2019-09-26 ‧ 由 Kira 分享
DAY 12

【Day 12】TypeScript 資料型別 - 元組(Tuple) & 列舉(Enum)

今天要來介紹一下 TS 有而 JS 沒有的資料型別 —— 元組(Tuple)和列舉(Enum) 元組(Tuple) 元組可以想成是一個嚴格的陣列,陣列的元素是固...

2019-09-27 ‧ 由 Kira 分享
DAY 13

【Day 13】TypeScript 資料型別 - 字面值型別(Literal Types) & 型別別名(Type Alias)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 什麼是元組(Tuple)?與陣列的差別? 什麼是列舉(Enum)? 使用情境為何?如果有點不清楚答案的話...

2019-09-28 ‧ 由 Kira 分享
DAY 14

【Day 14】TypeScript 資料型別 - 複合型別(Union & Intersection) & 型別檢測(Type Guard)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 字面值型別支援哪幾種型別? 型別別名(Type Alias)的運作機制為何? 如果有點不清楚答案的話,...

2019-09-29 ‧ 由 Kira 分享
DAY 15

【Day 15】TypeScript 資料型別 - 特殊型別(上)- Never

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 複合型別有哪兩種?分別用在哪些情境? 什麼是型別檢測(Type Guard)? 如果有點不清楚答案的話...

2019-09-30 ‧ 由 Kira 分享
DAY 16

【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: never 和 void 的差異為何? never 是所有型別的子型別,這會讓 never 擁有什麼特性...

2019-10-01 ‧ 由 Kira 分享
DAY 17

【Day 17】TypeScript 資料型別 - 通用型別(Generic Types)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: any 和 unknown 型別的差別為何? 倘若希望 TypeScript 編譯時禁止隱性推論 any...

2019-10-02 ‧ 由 Kira 分享
DAY 18

【Day 18】TypeScript 資料型別 - 介面(Interface)宣告與屬性

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 通用型別的使用情境為何? 如果有點不清楚答案的話,可以看看 Day17 的文章喔! 介面概念 TS...

2019-10-03 ‧ 由 Kira 分享
DAY 19

達標好文 【Day 19】TypeScript 介面(Interface) v.s. 型別別名(Type Alias)

昨天初步介紹了 TS 介面以及如何宣告,但昨天在研究介面的時候,心中一直有個疑惑,介面怎麼和之前提到的型別別名(Type Alias)有點像,究竟有什麼差別呢?...

2019-10-04 ‧ 由 Kira 分享
DAY 20

【Day 20】TypeScript 資料型別 - 類別(Class)

總算來到了類別 Class(撒花~) 每天邊學邊寫 TypeScript 20天好像才來到真正的重點哈。在使用 React 函式庫進行開發時,經常會使用 ES6...

2019-10-05 ‧ 由 Kira 分享