iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

TypeScript 魔法 - 喚醒你的程式碼靈感 系列

在這個系列中,我們將深入探索 TypeScript 的魅力,並發現如何運用這個強大的語言來提升你的開發效率和程式碼品質。
從基礎入門到進階技巧,我們將一同探索 TypeScript 的每個角落,解開它的神秘面紗,並帶領你走上成為一名優秀的 TypeScript 開發者。
魔法要開始囉!!!

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

Day01 - 什麼是 TypeScript?

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

2023-09-16 ‧ 由 肉鬆 分享
DAY 2

Day02 - 安裝 TypeScript

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

2023-09-17 ‧ 由 肉鬆 分享
DAY 3

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

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

2023-09-18 ‧ 由 肉鬆 分享
DAY 4

Day04 - 探索物件型別的奧妙

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

2023-09-19 ‧ 由 肉鬆 分享
DAY 5

Day05 - 探討陣列型別的技巧

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

2023-09-20 ‧ 由 肉鬆 分享
DAY 6

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

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

2023-09-21 ‧ 由 肉鬆 分享
DAY 7

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

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

2023-09-22 ‧ 由 肉鬆 分享
DAY 8

Day08 - 方便又危險的型別 - 任何(any)

我們已經逐步介紹以下 TypeScript 的核心型別: number string boolean object Array Tuples Enums...

2023-09-23 ‧ 由 肉鬆 分享
DAY 9

Day09 - 型別們,聯合吧!(Union Types)

什麼是聯合型別? 在 TypeScript 中,聯合型別(Union Types)允許一個變數可以賦值多種不同的型別,並使用 | 符號將這些可能的型別隔開。...

2023-09-24 ‧ 由 肉鬆 分享
DAY 10

Day10 - 我說了算 - 字面值型別(Literal Types)

什麼是 Literal Types? Literal Types 又稱為「字面值型別」或「文字型別」是一種特殊的型別,它允許我們明確指定變數的值必須與特定的字...

2023-09-25 ‧ 由 肉鬆 分享