在過去的前端開發中,TypeScript 正逐漸成為許多開發者的首選工具。作為一名工程師,我在學習和使用 TypeScript 的過程中,感受到它帶來的開發體驗提升,也逐漸累積了一些經驗和心得。
出於個人學習的動機,我決定透過連續 30 天的文章分享,整理並紀錄我在使用 TypeScript 以及搭配 React 時的所學所思,期許在分享中更鞏固我對 TypeScript 的理解。
在過去的前端開發中,TypeScript 正逐漸成為許多開發者的首選工具。作為一名開發者,我在學習和使用 TypeScript 的過程中,不僅感受到它帶來的開發...
設置開發環境 1. VSCode 如果還沒有安裝過文字編輯器,推薦可以使用免費開源的 VSCode(Visual Studio Code),它與 TypeSc...
了解 TypeScript 型別系統 在完成開發環境的設置後,接下來就是深入了解 TypeScript 的型別系統了! 作為 JavaScript 的超集,Ty...
在前一篇文章中,我們快速認識了如何進行型別註釋(Type Annotations),並介紹了型別中最基礎的原始資料型別。接下來將學習物件型別,這是開發中經常使用...
陣列型別 陣列可以用來存放有序的資料列表,而依據陣列內資料的型別不同,宣告方式也會有所不同。 1. 基本使用 最簡單的宣告方式是型別註記方法,使用「型別+方括號...
擴充型別 1. 元祖型別(Tuple Types) 前一篇文章在介紹陣列型別時,有稍微帶到元組的概念。可以將元組型別(Tuple Types)理解為工作方式類似...
函式型別與參數 (Function Types and Parameters) 在 TypeScript 中,函式的定義與 JavaScript 非常類似,可以...
一、任意型別(Any Types) 有時候,我們可能需要在變數中儲存值。但在開發的時候並不確定它的型別。且未知值可能來自第三方 API 或使用者輸入的內容。在這...
聯合型別 1. 聯合型別 (Union Types) 聯合型別 | ,允許一個值是一種或多種型別之一。這讓我們可以靈活地接受不同的型別輸入,而不用強制規範為單一...
介面 (Interface)的定義 在 TypeScript 中,介面 (Interface) 是一種用來定義物件結構的合約。它為物件的屬性和方法提供了明確的描...