回顧 前一天【環境建立】時提到，執行 tsc --init 會自動生成 tsconfig.json，也介紹了各個默認配置選項的涵義。今天就不對默認配置做太多說...
前言 上一篇介紹了條件型別後，這次介紹的型別推斷會需要跟條件型別組合一起使用，型別推斷是利用條件型別來幫我們推斷出型別。本篇將深入介紹型別推斷（infer），...
在正式踏上 TypeScript 探索之旅前，我們有一些前置作業需要先完成。 安裝 Node.js請前往 Node.js 官方網站 下載，建議下載 LTS...
有三種方法可以安裝 TypeScript 透過套件管理工具 npm, yarn or pnpm 安裝 （⭐️ 本文會透過 npm 來安裝） 透過 NuGet...
本身是一位 React 開發者，兩年前第一次自學接觸到 TypeScript，後來因前份工作主要專注於 VR 技能相關開發，且公司開發規範中不使用 TypeSc...
歡迎來到本系列文「TypeScript 初學者也能看的學習指南」，全文講解的 TypeScript 版本為 5.6 時隔一年又來參加鐵人賽了，年初時有上過 Ty...
前言 在前面介紹完基礎泛型後，接下來要介紹的是 TypeScript 中一個強大且靈活的功能——條件型別（Conditional Types）。本篇將深入探討...
前言 前一篇介紹了泛型的基本用法與核心概念。本文將深入探討泛型在進階應用中的強大能力，包括預設泛型型別、泛型約束、工具型別等，展示如何利用泛型來處理更複雜的型...
什麼是泛型？ 泛型（Generics）是一種設計模式，允許開發者在撰寫程式時不必預先定義具體的型別，而是讓程式更具通用性與靈活性。這樣的設計可在函式、類別、介...
前言 前面的文章已經有稍微介紹了介面（interface）的用法，介面能夠幫助我們定義物件應該有哪些屬性和方法，從而提供一種強型別的約束機制，讓開發者更容易組...
什麼是抽象類別？ 抽象類別（Abstract Class）是物件導向設計中的一種類別，它是用來作為其他類別的基礎，無法直接實例化。抽象類別通常會有抽象方法（未...
什麼是類別？ 類別是一個基礎的物件導向設計（Object-Oriented Programming, OOP），是一種以物件為中心的編程範式，強調模擬現實世界...
前言 在前幾篇中，我們介紹了 TypeScript 的基本型別與物件型別。在本篇中，將深入探討進階的型別系統，包括聯合型別、交集型別、型別斷言等。 聯合型別...
前言 上一篇的文章中，我們介紹了 TypeScript 的基本型別，如 string、number、boolean ...等。這一部分將進一步探討 TypeS...
在昨天有聊到說可以透過繼承來讓子類延續父類的內容繼續延伸，我們不見得需要在父類時實作內部函式，可以先給個型別讓其子類來實作他，這種可以同時實現多種實作的方式稱為...
基礎型別 我們都知道 TypeScript 是 JavaScript 的超集，所以在介紹 TypeScript 的型別之前，我們先介紹一下 JavaScript...
在 TypeScript 中，泛型和繼承是兩個強大的特性，能夠幫助我們編寫更加靈活、可重用且類型安全的代碼。讓我們來開始認識他吧 泛型 泛型允許我們在定義函數、...
在 TypeScript 中，我們很常會將類似的型別抽出變成一個變數來使用，這就是今天的主題，type 和 interface Type 在 TypeScrip...
前言 很高興你來到這裡，本次鐵人賽系列文章將會分享如何學習 TypeScript 以及實戰運用。 目前從事前端已經有兩年，接觸 TypeScript 也只有一...
在 TypeScript 中型別為一個非常重要的內容，今天我們就來介紹怎麼宣告型別吧 型別宣告 let num: number = 10 let str: st...
今天我們來聊聊如何安裝 TypeScript 吧，不過在裝 TypeScript 之前，我們得先安裝 NodeJS 什麼是 NodeJS 在最一開始的時候 Ja...
前言：從後端到前端，一起體驗互動設計的樂趣 嗨，大家好！歡迎來到這次的 IT 鐵人賽專題。我是一名專注於 PHP 和 Python 的後端工程師，這次會和大家...
為何你需要 TypeScript 在一開始觸碰到 JavaScript 時，多少會對於他的弱型別以及高自由度有一定的想法，好處是想到什麼就打什麼，單人開發還要先...
TypeScript 在寫 JavaScript 的時候，你會直接使用變數，不管是 const, let, var，因為沒有定義他的 type，所以可以是任何東...
緣起 源自公司內部練習專案，靈感來自於以前看到一個名為「最糟糕音量控制設計大賽」的有趣比賽。 簡單來說就是設計奇奇怪怪的元件。 別看這些元件好像很沒用，實作起來...
這篇文章將通過一個實際的例子，介紹我從 prototype 到上線過程中，常用的幾個工具。 我在做什麼 雖然細節不便透露太多，但我可以大致說明這個專案是一個互動...
因為公司的專案都用 TS 在寫最近在 vs code 存擋時，只要是.tsx都沒有觸發 auto format on save的功能查了一下要到setting...
大家好，最近開始在學 TypeScript，除了官方文件以外，也會翻閱保哥的免費電子書 will 保哥 - TypeScript 新手指南 （TS 影片介紹）...
哈摟～大家好我是阿華，今天來跟大家分享TypeScript 的 Narrowing 概念， Narrowing當你使用 TypeScript 時，Narrowi...
哈摟～大家好我是阿華，今天來跟大家分享 TypeScript 基礎類型，TypeScript 提供了多種類型，用於宣告變數、函數參數、函數傳回值等，以協助開發者...
hannnahTW
Mao
Jamie
呆呆小將
Sunny.Cat
Yin
鱈魚
iThome鐵人賽
看影片追技術