iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

你也對開始使用typescript感到無力嗎?我也是 - 30天初探typescript 系列

「平常順順的寫js就好啦,幹嘛還需要typescript多增加學習曲線跟開發難度?」
我曾這樣想,但隨著專案越來越大&複雜,沒有typescript的輔助還真是會有點頭痛
(這變數到底是string還是number還是???)
希望能順利完賽,順利紀錄學習typescript&引入專案的過程

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

第11天!淺談Tuple 元組 與 Enum 列舉

今天來聊聊我也不太熟悉的TypeScript概念:Tuple(元組)(不是那個雪餅) 跟 Enum 列舉。 Tuple 元組 Tuple並不是JavaScrip...

2022-09-26 ‧ 由 Lin Chen 分享
DAY 12

第12天!你有發現我們一直在限縮型別嗎?

我們一直在限縮型別唷 不管是昨天提到的元組跟列舉,還是更早之前的型別別名、介面,我們在做的,一直都是將變數/參數/各類值限縮到特定型別,將我們在編譯時可能發生錯...

2022-09-27 ‧ 由 Lin Chen 分享
DAY 13

第13天!不用遊樂場了,在本地架設環境吧!

之所以放在這麼多天後才來講架設環境這個題目,是因為我覺得比起架設環境,不如直接來用用看TypeScript,對這個工具會有更快更直接的了解,但,該來的還是躲不掉...

2022-09-28 ‧ 由 Lin Chen 分享
DAY 14

第14天!來看看TypeScript的設定檔(tsconfig.json)

開始前先補充一下前一篇提到過的指令npx。 之所以我在前一篇都使用npx ...是因為,當下我的電腦內並沒有在全域安裝TypeScript,因此我如果單純輸入t...

2022-09-29 ‧ 由 Lin Chen 分享
DAY 15

第15天!再來看一點設定檔的例子!

再談設定檔 昨天講了設定檔的大概,並用tsc初始化的設定檔給大家看了一下,到底有哪些選項能用。那今天就讓我們來簡單看看幾個選項開啟後,會是什麼效果,讓大家對設定...

2022-09-30 ‧ 由 Lin Chen 分享
DAY 16

第16天!泛型Generic Types

泛型Generic Types 全名叫泛用型別,通用、多用途的意思,可以讓使用者在宣告函式或類別時,不用事先宣告好具體的型別,而是等到要呼叫的時候,再把型別帶進...

2022-10-01 ‧ 由 Lin Chen 分享
DAY 17

第17天!TypeScript 與 DOM的應用!

有一次在寫React的useRef時,需要將ref塞進一個HTML element,但我當時還沒有TypeScript的概念,所以,初始化了一個useRef(n...

2022-10-02 ‧ 由 Lin Chen 分享
DAY 18

第18天!TypeScript檔內要怎麼引入JavaScript?

到目前為止,我們的例子其實都預期使用者從頭到尾都使用.ts檔,也就是純TypeScript來開發,但現實中這是不太可能的,像我的例子就是開發到一半,才覺得應該要...

2022-10-03 ‧ 由 Lin Chen 分享
DAY 19

第19天!函式多載(function overloads)

昨天的例子中,我們提到了echo這個函式,明明宣告時我們只指定了一個參數,但是我們在呼叫時卻可以傳入一個以上的引數,而JavaScript都不會報錯(雖不合理但...

2022-10-04 ‧ 由 Lin Chen 分享
DAY 20

第20天!TypeScript的各式運算符!

今天要講的東西,讓我超頭痛的,因為TypeScript當中的很多運算符,字面上看起來是一個意思,但實際運作起來又是別的意思,我們今天來看一些運算符跟實際例子吧。...

2022-10-05 ‧ 由 Lin Chen 分享