iT邦幫忙

typescript相關文章
共有 671 則文章
鐵人賽 Software Development DAY 7
Should I use fp-ts 系列 第 7

技術 [Should I use fp-ts?] Day 07 - fp-ts: Option 型別以及建構子

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-07 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 22

技術 類別 ( Classes )

在 React v16.8 之前,React 需要使用 Class 來撰寫,這也讓很多人怯步,但從 React v16.8 推出了 React Hooks 後...

鐵人賽 Modern Web DAY 7

技術 Day07 - 定義常數集合的好幫手 - 枚舉(Enums)

昨日與大家分享元組(Tuples),今日主題是 TypeScript 中另一個獨有的型別 - 枚舉(Enums)。 枚舉(Enums)應用於定義一組命名的常數...

鐵人賽 Modern Web DAY 7
TypeScript 啟動! 系列 第 7

技術 [Day 07] TypeScript 你所不知道的 陷阱與沒有 型別

在談到陷阱之前,我們先介紹最後一個基礎型別。 陣列( Array )型別 TypeScript 的陣列算是很特殊的物件,可以支援串接、push 、搜尋、切割等。...

鐵人賽 Software Development DAY 6
Should I use fp-ts 系列 第 6

技術 [Should I use fp-ts?] Day 06 - pipe and flow

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-06 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 6
TypeScript 啟動! 系列 第 6

技術 [Day 06] TypeScript 你所不知道的物件型別

TypeScript 的物件( Object )型別規範物件的形狀(shape)。TypeScript 無法分辨簡單物件(相是使用 { } 製作的),和較為複雜...

鐵人賽 Modern Web DAY 21

技術 泛型(Generics)

泛型在 TypeScript 裡,是很重要的一個環節,幾乎都會看到它的身影。在前面的文章範例裡,應該或多或少都有使用到泛型,那泛型究竟是什麼?為什麼這麼重要呢?...

鐵人賽 Modern Web DAY 6

技術 Day06 - 資料表示:我被固定了!- 元組(Tuples)

今天要跟大家分享的是 TypeScript 中獨有的型別 - 元組(Tuples)。 元組(Tuples)跟陣列(Array)有相似之處,但它有一個獨特的特點...

鐵人賽 Software Development DAY 5
Should I use fp-ts 系列 第 5

技術 [Should I use fp-ts?] Day 05 - pointfree

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-05 並且有習題和測試可以讓大家練習。...

鐵人賽 Modern Web DAY 20

技術 非同步處理 Ⅱ (Async / Await)

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

鐵人賽 Modern Web DAY 5
TypeScript 啟動! 系列 第 5

技術 [Day 05] TypeScript 你所不知道的基礎型別

型別基礎 讓我們窺探 TypeScript 有的型別吧,它們含有什麼數值,我們可以幹嘛。 Any any 是型別的惡魔,只要付出代價,它全都可以實現;但天下沒有...

鐵人賽 Modern Web DAY 5

技術 Day05 - 探討陣列型別的技巧

除了物件,JavaScript 中還有陣列,也是非常重要的型別,陣列可以儲存任何資料格式,像是 number、string、boolean、object 或是...

鐵人賽 Software Development DAY 4
Should I use fp-ts 系列 第 4

技術 [Should I use fp-ts?] Day 04 - declarative vs. imperative

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-04。今天要講述的主題是 declara...

鐵人賽 Modern Web DAY 19

技術 非同步處理 Ⅰ (Promise)

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

鐵人賽 Modern Web DAY 4
TypeScript 啟動! 系列 第 4

技術 [Day 04] TypeScript 談論型別

TypeScript 談論型別 在昨天介紹了 TypeScript 編譯器的部分,其中最重要的就是 type system 的概念。但從第一天到現在我都沒有講過...

鐵人賽 Modern Web DAY 4

技術 Day04 - 探索物件型別的奧妙

什麼是物件型別? 物件型別可以包含屬性、方法及更複雜的資料架構。 所有基本型別以外的值都是物件。 物件 Type JavaScript 為例: var p...

鐵人賽 Software Development DAY 3
Should I use fp-ts 系列 第 3

技術 [Should I use fp-ts?] Day 03 - pure function

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-03。本系列文的目的是讓讀者 和筆者 能...

鐵人賽 Modern Web DAY 18

技術 null VS. undefined

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

鐵人賽 Modern Web DAY 3

技術 Day03 - TypeScript 核心的 Type - number、string & boolean

TypeScript 支援多種主要的型別,這些型別可以用於變數聲明、函式引數(參數)、函式回傳值等今天我們將討論 TypeScript 中一些主要型別,包括...

鐵人賽 Modern Web DAY 3
TypeScript 啟動! 系列 第 3

技術 [Day 03] TypeScript 概觀

TypeScript 概觀 在前兩天我們初窺 TypeScript 的面貌和透過 VSCode 完成了第一個小範例。接下來我們將會稍微深入進去這個 TypeSc...

鐵人賽 Software Development DAY 2
Should I use fp-ts 系列 第 2

技術 [Should I use fp-ts?] Day 02 - 測試環境

測試環境 在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到。此 repo 使用 Bun 作為 runtime、包管理工具以...

鐵人賽 Modern Web DAY 17

技術 void VS. never

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

鐵人賽 Modern Web DAY 2

技術 Day02 - 安裝 TypeScript

在接下來的文章中,我們將使用 VS Code 學習 TypeScript,首先我們需要安裝 TypeScript,包含以下幾個步驟: 安裝 Node.js...

鐵人賽 Modern Web DAY 2
TypeScript 啟動! 系列 第 2

技術 [Day 02] TypeScript 工欲善其事

必先利其器(初始之翼) 環境建構 在踏入一個新的語言或工具之前,建立環境一直以來都是讓人煩躁又不知所措的情況;所以我將會用常見的作業系統( Mac &...

鐵人賽 Software Development DAY 1
Should I use fp-ts 系列 第 1

技術 [Should I use fp-ts?] Day 01 - 前言

筆者背景 大家好,我是 Tuhacrt (吐哈庫)。 我是今年(2023)六月才剛成為軟體工程師的菜鳥工程師,有一次跟前輩在 debug 的途中討論到 Func...

鐵人賽 Modern Web DAY 16

技術 函式與 This 指向 (Function & This)

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

鐵人賽 Modern Web DAY 1

技術 Day01 - 什麼是 TypeScript?

大家好,又見面了,我是肉鬆。一位喜愛傑尼龜的前端工程師,傑尼、傑尼。 什麼是 TypeScript? 透過官網首頁的描述,我們可以得知: 具有類型語法的...

鐵人賽 Modern Web DAY 1
TypeScript 啟動! 系列 第 1

技術 [Day 01] TypeScript 是什麼?

TypeScript 是什麼? 其實從名稱就能一言知道,「加強版的 JavaScript ;加強了 Type 」。 ? 「TypeScript」是一個由 Mic...

鐵人賽 Modern Web DAY 15

技術 JSON to TS (Vscode 套件)

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

鐵人賽 Modern Web DAY 14

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

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