iT邦幫忙

鐵人檔案

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

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

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

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

typescript鐵人賽第一天 - 前言

開賽的第一天是週五,就不打算用太多技術相關的文來開啟第一次的鐵人賽了。 前言: 約莫兩年前,我開始接觸程式語言、接觸前端,當時所上的線上課程,內容大多都是教ht...

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

TypeScript作為一個語言(工具),要解決什麼問題?

在明後天進行相對枯燥的”型別”介紹前,我們必須知道JavaScript跟TypeScript的關係(我現在才意識到我鐵人賽的主題上,”T”ype”S”cript...

2022-09-17 ‧ 由 Lin Chen 分享
DAY 3

呼叫function,讓TypeScript幫你監督引數

在前一天的鐵人賽中,我們看了一個let age = 18的例子,不是很實際,但應該能看你看出弱型別的問題(特點?) 接下來換一個例子: function sum...

2022-09-18 ‧ 由 Lin Chen 分享
DAY 4

簡單型別介紹!

我們還沒有要在本地架設TypeScript環境,所以可以先從TypeScript遊樂場操作看看下面的例子。 型別基本介紹 這個章節我們先簡單介紹TypeScri...

2022-09-19 ‧ 由 Lin Chen 分享
DAY 5

型別介紹part2!

昨天我們簡單看了基礎型別(三個原始值、陣列、function),跟一些使用方法,今天繼續看TypeScript讓你開發更便捷的地方! TypeScript會提示...

2022-09-20 ‧ 由 Lin Chen 分享
DAY 6

型別介紹part3 - 型別斷言

前一天我們有提到型別聯集(Union Types),也有提到他帶來的好處跟需要注意的地方,需要使用型別間”共有”的方法,但只要透過型別防衛(Type Guard...

2022-09-21 ‧ 由 Lin Chen 分享
DAY 7

型別介紹part4 - 一些特殊的型別

接續昨天的文章,我們刻意斷言斷錯型別,TypeScript説「你斷言斷錯型別了,如果你是故意的,要解決這個error的話,要先斷言成unknown唷」。我們今天...

2022-09-22 ‧ 由 Lin Chen 分享
DAY 8

第八天!Type Alias & Interface 型別別名與介面

昨天講完相對少用的特殊型別,讓我們再回到比較重要的部分。 我們在第五天時,有提到型別別名(Type Alias),這邊再複習一次:我們可以將特定組合的型別,給安...

2022-09-23 ‧ 由 Lin Chen 分享
DAY 9

第九天! 選擇性屬性與唯讀屬性

繼昨天講完type跟interface以後,相信大家都對這些型別有多一點點了解。今天我們來看看Interface、type與物件的更多應用!(有些時候你在int...

2022-09-24 ‧ 由 Lin Chen 分享
DAY 10

第十天!來個回顧吧!

哇,居然已經到第十天了,不知不覺也完成了1/3,有些感動,希望之後能穩定發揮!目前我們都只聊到很粗淺的TypeScript概念,但沒有這些概念,也沒辦法繼續往下...

2022-09-25 ‧ 由 Lin Chen 分享