主要從事 React 開發工作,對於 TypeScript 只有基礎的概念認識。
這次將在 30 天內從零開始深入探索 TypeScript,並記錄我的學習過程,希望這些成長經驗能對有需要的人有所幫助。
本身是一位 React 開發者,兩年前第一次自學接觸到 TypeScript,後來因前份工作主要專注於 VR 技能相關開發,且公司開發規範中不使用 TypeSc...
在正式踏上 TypeScript 探索之旅前,我們有一些前置作業需要先完成。 安裝 Node.js請前往 Node.js 官方網站 下載,建議下載 LTS...
本系列文章使用 VS Code 作為 IDE。 首先,開一個空的資料夾,在裡面新增一個副檔名 .ts 的檔案,例如 app.ts。TypeScript 會根據...
今天要來介紹編譯器的使用方式,我們在 Day02 的時候有提到,tsc 是用來將 TypeScript 編譯成 JavaScript 的指令。 為什麼會需要這樣...
Union 聯集 上一篇我們提到「 TypeScript 會對於基本型別自動進行推測 」,但在有些情況下,變數有可能不只一種型別,例如使用者密碼,若我們沒有限定...
當參數為值 TypeScript 可以為函式的參數指定型別: function add(a: number, b: number) { const sum...
Custom Types 根據上一篇的程式碼,雖然我們達成了指定函式型別的目的,但你會發現它在閱讀性上並不是很好: function calculate(a:...
type 合併用法 首先,我們以餐廳與顧客為例,定義一個簡單的例子: type Restaurant = { menu: string[] addres...
在前面的章節中,我們介紹了如何直接指定類型,這種方式在實務中非常常見。但是,當我們有多個相似功能的函式或物件時,重複定義類型並不是最理想的解決方案。 或許你會想...
前幾篇文章中,我們探討了一些 TypeScript 的基本用法。從這一篇開始,我們將探索如何在 React 中使用 TypeScript。 首先,打開終端機,建...