iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

用不到 30 天學會基本 TypeScript 系列

現在前端框架都支持 TypeScript,JD 也都需要擁有 TypeScript 這項技能,所以藉由鐵人賽來一起學習,這是初學者的 TypeScript 學習指南。

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

類型別名 (Type)

在 TypeScript 中,我們可以使用 type 關鍵字來創建自定義的類型別名。它可以用來定義各種複雜的類型,使我們能夠更好地描述程式碼中的資料結構和變數類...

2023-09-11 ‧ 由 威爾豬 分享
DAY 12

接口 / 介面 (Interface)

在 TypeScript 中,我們可以使用 interface 關鍵字來聲明自定義型別,用來描述物件的結構和形狀,以及物件應該具備的屬性和方法。我們可以使用 i...

2023-09-12 ‧ 由 威爾豬 分享
DAY 13

Utility 型別 Ⅰ

TypeScript 提供了多種內建的 Utility 型別,它是一組 內建的型別操作工具,可以幫助我們更輕鬆、更有效率地進行型別操作,今天威爾豬先介紹基本且常...

2023-09-13 ‧ 由 威爾豬 分享
DAY 14

類型別名 VS. 接口 (type VS. interface)

在前面章節中,大家應該會很疑惑 type 和 interface 在很多方面都可以實現相似的功能,那我們應該要使用哪一種呢?下面來看看兩者存在了哪些區別: ty...

2023-09-14 ‧ 由 威爾豬 分享
DAY 15

JSON to TS (Vscode 套件)

在前面的章節我們介紹了使用 interface 來聲明物件的結構和形狀,但如果我們是要接收從 api 上取得回來的資料 (我們使用 TDX 的觀光資訊 隨便其中...

2023-09-15 ‧ 由 威爾豬 分享
DAY 16

函式與 This 指向 (Function & This)

在前面幾個章節中,應該或多或少都有看到函式在 TypeScript 中的寫法,它比 JavaScript 多了參數和返回值的型別設定,我們看一下函式基本的宣告方...

2023-09-16 ‧ 由 威爾豬 分享
DAY 17

void VS. never

在上一個章節中,我們知道如果函式沒有返回值的話,可以使用 void 型別,今天我們來比較 void 和 never 的不同的情境和用途,雖然它們看起來相似,但它...

2023-09-17 ‧ 由 威爾豬 分享
DAY 18

null VS. undefined

null 和 undefined 代表著缺少值或未定義的狀態。儘管它們在 JavaScript 中也存在,但在 TypeScript 中,可以使用靜態型別檢查來...

2023-09-18 ‧ 由 威爾豬 分享
DAY 19

非同步處理 Ⅰ (Promise)

在說明 Promise 前,首先我們要知道為什麼需要有 Promise。我們知道 setTimeout() 是屬於非同步的一種,如果我們需要第一個執行完成後才執...

2023-09-19 ‧ 由 威爾豬 分享
DAY 20

非同步處理 Ⅱ (Async / Await)

Async / Await 是 ECMAScript 8 ( ES2017 ) 引入的一個功能,它是建立在 Promise 之上的語法糖,允許我們使用 asyn...

2023-09-20 ‧ 由 威爾豬 分享