iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

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

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

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

學習前言

繼上一次威爾豬參加鐵人賽又過了兩年了,時間真的很快,期間威爾豬相繼又學了 Vue 3、Nuxt 3 等 CSR 和 SSR 的前端框架,近期也在學習基本的 Re...

2023-09-01 ‧ 由 威爾豬 分享
DAY 2

TypeScript 的優缺點

優點: JavaScript 存在,TypeScript 就存在 還記得昨天的圖嗎?因為 TypeScript 是建立在 JavaScript 之上的程...

2023-09-02 ‧ 由 威爾豬 分享
DAY 3

建立 TypeScript 環境

在開始學習和開發 TypeScript 專案之前,我們需要先進行環境的安裝和設置。威爾豬將一步步完成 TypeScript 的環境安裝,創建我們的第一個 Typ...

2023-09-03 ‧ 由 威爾豬 分享
DAY 4

TypeScript 配置文件 (tsconfig.json)

建立 tsconfig.json 為了更有效地管理 TypeScript 專案,我們會創建一個配置文件,這在各大打包工具裡安裝 TypeScript 後...

2023-09-04 ‧ 由 威爾豬 分享
DAY 5

基本數據型別 (number、string、boolean) + 聯合類型、交叉類型

TypeScript 的型別大致分為下圖幾項,威爾豬會在之後章節陸續講,今天我們先談談最基本的三種數據型別。 在 TypeScript 中,基本型別註解都是以...

2023-09-05 ‧ 由 威爾豬 分享
DAY 6

陣列和元組 (Array & Tuple)

陣列 (Array) 陣列是一個包含元素的有序集合,元素可以是 相同型別 或 不同型別。在 TypeScript 中,我們可以使用 型別註記法 (型別[...

2023-09-06 ‧ 由 威爾豬 分享
DAY 7

陣列的基本方法

今天的內容是屬於 JavaScript 的範疇,但陣列方法不管在 JavaScript 還是 TypeScript 裡,都是滿重要的一個環節,所以威爾豬還是決定...

2023-09-07 ‧ 由 威爾豬 分享
DAY 8

枚舉 / 列舉 (Enum)

枚舉是 自定義一組具名常數值 的特殊型別,每個常數值都有一個名稱和一個關聯的數值,主要用於取值限定在一定的範圍內。在 TypeScript 中,我們使用 enu...

2023-09-08 ‧ 由 威爾豬 分享
DAY 9

任意型別 VS. 未知型別 (any VS. unknown)

any 和 unknown 是兩個用於處理 型別不確定的情況。雖然它們在某些情境下都可以用來處理不確定的值,但它們的用法和限制有所不同,我們一一來介紹: any...

2023-09-09 ‧ 由 威爾豬 分享
DAY 10

斷言(Assertion)

在昨天的範例中,應該有看到斷言的用法。斷言是一種告訴編譯器更多資訊的方式,用於 強制指定型別。有時候,編譯器可能 無法確定變數的精確型別,或者 當我們需要將某個...

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