iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端是該來學一下 TypeScript 了 系列

前幾天聽了 JSDC 針對 TypeScript 舉辦的直播後,身為廢廢前端的我,決定不要那麼廢,立馬換主題,開啟學習 TypeScript 30 天, 希望透過鐵人賽來督促自己進步~

鐵人鍊成 | 共 30 篇文章 | 55 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 11

Day11:【TypeScript 學起來】只有 TS 才有的型別 : Union Types(聯合型別) / Intersection types (交集型別)

四個工程師一起坐上了車,發現車子發不動了。機械工程師說: 看來是引擎出問題了。電機工程師說: 看來車上的電子系統出問題了。化學工程師說: 可能是汽油內容物比例...

DAY 12

Day12: 【TypeScript 學起來】只有 TS 才有的型別: Literal Types(字面值型別) / Tuple (元組)

工程師A: 覺得當工程師好累 想換一行怎麼辦工程師B: 按一下 enter 啊工程師A:...... 很常工程師之間都聊不下去了 更何況是pm 你說是不是.....

DAY 13

Day13: 【TypeScript 學起來】只有 TS 才有的型別: Enum (列舉)

是說TS針對型別的類型也太講究,寫好多天還沒寫完(其實是我30篇不夠XDD),哈哈不囉嗦, 今天繼續筆記列舉(Enums)型別。 列舉(Enums)型別用於...

DAY 14

Day14:【TypeScript 學起來】Interfaces(介面) 筆記整理

終於來到 interface,覺得這個算是頗重要的一趴,讓我們看下去。這大概是我最認真做筆記的一篇 哈哈。 因為一開始學一直看到他,從一開始不懂到大概了解,到...

DAY 15

Day15: 【TypeScript 學起來】Interface VS Type Aliases 用法與差別

上一篇講到 interface,今天這篇會來講 type, 他們兩個功能幾乎很像,但還是有些不一樣,讓我們看下去。不過這之前先介紹一下 Type Aliase...

DAY 16

Day16:【TypeScript 學起來】新增任意屬性的好方法:Index Signatures 索引簽名

在之前 interface 那篇文章, 認識到可以使用 Index Signatures, 發現他使用上有一些需要注意的地方,決定把他獨立一篇來寫。(然後心裡...

DAY 17

Day17: 【TypeScript 學起來】什麼是 Narrowing?

其實看官網看這篇的時候很想pass,有點看不下去XD,但還是做了筆記。若有錯誤,歡迎留言指教,感恩的心。 Narrowing Narrowing 指的是將某...

DAY 18

Day18: 【TypeScript 學起來】Narrowing Part 2

好 繼續來筆記 Narrowing, 還有哪些方法能進行 narrow 型別呢。 若有錯誤,歡迎留言指教,感恩的心。 使用 type predicates...

DAY 19

Day19 :【TypeScript 學起來】More on Functions

我們在前面 Day09 , 有簡單討論到 function,這篇就會來看一些更深入 function 的應用。 使用 function 關鍵字 最簡單定義...

DAY 20

Day20 :【TypeScript 學起來】是 JavaScript 沒有的 Function Overloads(函式超載)

終於20天了,那個心情就是有點開心快結束了,但對後面10篇感到擔憂,既期待又怕無法完賽 XDD 好啦,講完廢話,今天要來講 Function Overload...