Typescript入門-Day1:語言介紹、觸及的領域、誰在使用

更新於 2024/06/05閱讀時間約 4 分鐘

語言的特性

  1. 靜態類型檢查:TypeScript引入了靜態類型系統,允許開發者在編譯時檢查類型,從而提前捕捉到潛在的錯誤。
  2. 型別註解:開發者可以在代碼中明確地標註變量、函數返回值和參數的類型。
  3. 接口和類:TypeScript支持接口和類,使得面向對象編程變得更加簡單和直觀。
  4. 模塊化:支持ES6的模塊系統,允許將代碼分割成小塊,便於維護和重用。
  5. 編譯器:TypeScript有一個強大的編譯器,可以將TypeScript代碼轉換為純JavaScript,並能與任何支持JavaScript的環境兼容。
  6. 工具支持:豐富的工具支持,如編輯器自動補全、智能提示、代碼重構等,提高開發效率。

觸及的領域

  1. Web開發:TypeScript廣泛應用於前端開發,特別是與Angular和React等框架結合使用。
  2. Node.js開發:許多Node.js應用和庫都使用TypeScript,從而提升代碼質量和可維護性。
  3. 移動開發:通過React Native和Ionic等框架,TypeScript也應用於跨平台移動應用開發。
  4. 後端開發:TypeScript與Express和NestJS等後端框架結合,用於構建可靠的後端服務。
  5. 工具與插件開發:很多工具、插件和編輯器擴展都是使用TypeScript開發的。

誰在使用

  1. 大公司:Microsoft、Google、Facebook、Uber和Airbnb等大公司都在使用TypeScript開發其產品。
  2. 開源社區:許多知名的開源項目,如Angular、Vue.js、NestJS和Deno等,都採用了TypeScript。
  3. 小型企業和初創公司:由於TypeScript提高了代碼的可靠性和可維護性,許多小型企業和初創公司也在採用TypeScript。

Typescript的其他知識

  1. 版本管理:TypeScript定期發布新版本,引入新特性和改進現有功能,保持技術的前沿性。
  2. 社區支持:TypeScript擁有活躍的社區,大量的教程、文檔和第三方庫,使得學習和使用更加方便。
  3. 兼容性:TypeScript與JavaScript完全兼容,允許逐步遷移現有JavaScript項目,降低學習和轉換成本。
  4. 配置靈活:通過tsconfig.json文件,開發者可以靈活配置編譯選項,適應不同的開發需求。

學習渠道

  1. 官方文檔TypeScript: JavaScript With Syntax For Types. (typescriptlang.org)
  2. MicroSoft學習網:Get started with TypeScript - Training | Microsoft Learn
  3. W3Schools:TypeScript Tutorial (w3schools.com)
  4. 菜鳥教程:TypeScript 教程 | 菜鸟教程 (runoob.com)

常見的庫與框架

  1. Angular:一個基於TypeScript開發的前端框架,用於構建動態Web應用。
  2. React:React本身是用JavaScript編寫的,但它的生態系統(如React Hooks、Redux等)廣泛使用TypeScript。
  3. Vue.js:支持TypeScript的進階JavaScript框架,特別是Vue 3進一步增強了對TypeScript的支持。
  4. NestJS:一個用於構建高效、可擴展Node.js服務器端應用的框架,完全用TypeScript編寫。
  5. Express:流行的Node.js框架,雖然本身是用JavaScript編寫,但TypeScript社區提供了完整的類型定義,使其能夠很好地與TypeScript配合使用。
  6. TypeORM:一個用於TypeScript和JavaScript(ES7, ES6, ES5)的ORM,支持Active Record和Data Mapper模式。

通過這些資源和工具,開發者可以更好地利用TypeScript進行各類應用的開發。

avatar-img
15會員
111內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Michael楊 的其他內容
套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
當你在開發程式時,難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性,我們使用「例外處理」來處理這些異常情況。
本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
本章節旨在介紹JavaScript中函數的基本結構和使用方法,包括函數聲明、函數表達式、箭頭函數和匿名函數的定義方式,以及函數的呼叫、參數使用和返回值的處理方式。透過了解這些函數的基本概念和用法,可以幫助讀者更靈活地編寫和理解JavaScript代碼。
本章節主要介紹了JavaScript中的流程控制,包括條件語句(如if、else if、else和三元運算子)和循環結構(如for迴圈、while迴圈等)。同時,也提供了如何使用break、continue和label來控制迴圈的執行。
了解這些運算子及其優先等級有助於更好地理解和編寫 JavaScript 代碼
套件(Package)是將程式或程式庫進行組織、分發和共享的一種方式。在軟體開發中,套件通常包含了相關的程式碼、資源文件和元數據,並提供了統一的名稱空間和版本管理。
當你在開發程式時,難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性,我們使用「例外處理」來處理這些異常情況。
本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用,建構子的作用,以及公開,私有,受保護(Protected)等不同訪問修飾符的概念。此外,還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。
本章節旨在介紹JavaScript中函數的基本結構和使用方法,包括函數聲明、函數表達式、箭頭函數和匿名函數的定義方式,以及函數的呼叫、參數使用和返回值的處理方式。透過了解這些函數的基本概念和用法,可以幫助讀者更靈活地編寫和理解JavaScript代碼。
本章節主要介紹了JavaScript中的流程控制,包括條件語句(如if、else if、else和三元運算子)和循環結構(如for迴圈、while迴圈等)。同時,也提供了如何使用break、continue和label來控制迴圈的執行。
了解這些運算子及其優先等級有助於更好地理解和編寫 JavaScript 代碼
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
本文帶你深入探索 TypeScript 中的 satisfies 特性,能幫助你實現精確的型別推導與型別檢查。透過實際案例,展示如何使用 satisfies 提升代碼的型別安全與程式碼的整潔,是每位 TypeScript 開發者不可或缺的知識。
Thumbnail
本文介紹 TypeScript 常遇到的混合型別,以及如何透過五種型別防禦(Type Guard)來解決。涵蓋了使用型別斷言、型別謂詞、in 運算子、typeof 運算子以及 instanceof 運算子這幾種方式。透過本文的學習,能夠更好地運用 TypeScript 進行程式碼開發。
Thumbnail
上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
Thumbnail
前言 create react app 是一個可以快速設定 react 專案的一個工具,在建立專案時已經把 babel,webpack 都已經預先封裝設置好,如果我們要修改 webpack alias 設定該如何設定呢 什麼是 alias alias 在 webpack 設定意義叫做,檔案路徑
Thumbnail
自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
Thumbnail
Todo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
Thumbnail
Typescript: It's not actually validating your types. - DEV Community 👩‍💻👨‍💻 有時他會讓你誤解: 我遇到一個相信 typescript 保證型別就是你說的那樣. 但我必須告訴你: Typescript 不是這樣做的.
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
本文帶你深入探索 TypeScript 中的 satisfies 特性,能幫助你實現精確的型別推導與型別檢查。透過實際案例,展示如何使用 satisfies 提升代碼的型別安全與程式碼的整潔,是每位 TypeScript 開發者不可或缺的知識。
Thumbnail
本文介紹 TypeScript 常遇到的混合型別,以及如何透過五種型別防禦(Type Guard)來解決。涵蓋了使用型別斷言、型別謂詞、in 運算子、typeof 運算子以及 instanceof 運算子這幾種方式。透過本文的學習,能夠更好地運用 TypeScript 進行程式碼開發。
Thumbnail
上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
Thumbnail
前言 create react app 是一個可以快速設定 react 專案的一個工具,在建立專案時已經把 babel,webpack 都已經預先封裝設置好,如果我們要修改 webpack alias 設定該如何設定呢 什麼是 alias alias 在 webpack 設定意義叫做,檔案路徑
Thumbnail
自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
Thumbnail
Todo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
Thumbnail
Typescript: It's not actually validating your types. - DEV Community 👩‍💻👨‍💻 有時他會讓你誤解: 我遇到一個相信 typescript 保證型別就是你說的那樣. 但我必須告訴你: Typescript 不是這樣做的.