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

閱讀時間約 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進行各類應用的開發。

9會員
99內容數
日後將分享關於我的經驗(日常、工作、技術),並期待未來能創造屬於我的宇宙。
留言0
查看全部
發表第一個留言支持創作者!
Michael楊 的其他內容
Javascript入門-Day5:運算符
閱讀時間約 5 分鐘
Javascript入門-Day6:流程控制
閱讀時間約 6 分鐘
Javascript入門-Day7:函數
閱讀時間約 5 分鐘
Javascript入門-Day8:物件導向
閱讀時間約 11 分鐘
Javascript入門-Day9:例外處理
閱讀時間約 4 分鐘
Javascript入門-Day10:套件
閱讀時間約 1 分鐘
你可能也想看
迎新活動「方格新手村」:新格友註冊加入方格子,知名日料吃到飽餐券送給你! 👉 還不是 vocus 的會員嗎?點此註冊,參與新手村活動 👈 近期站上也出現了不少新格友,為了歡迎各位的加入,「方格新手村」隨之登場! 即日起,只要是新註冊帳號於活動期間內發佈 3 則文章,就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂,我們準備了小任
Thumbnail
2024-06-21
95
[TypeScript] 快速上手 satisfies,讓你輕鬆推論型別與類型檢查本文帶你深入探索 TypeScript 中的 satisfies 特性,能幫助你實現精確的型別推導與型別檢查。透過實際案例,展示如何使用 satisfies 提升代碼的型別安全與程式碼的整潔,是每位 TypeScript 開發者不可或缺的知識。
Thumbnail
[TypeScript] 10 分鐘學會 TS 中必會的 5 種型別防禦 Type Guard本文介紹 TypeScript 常遇到的混合型別,以及如何透過五種型別防禦(Type Guard)來解決。涵蓋了使用型別斷言、型別謂詞、in 運算子、typeof 運算子以及 instanceof 運算子這幾種方式。透過本文的學習,能夠更好地運用 TypeScript 進行程式碼開發。
Thumbnail
2024-03-26
10
【前端開發】TypeScript 的型別推論、型別註記與型別斷言上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
Thumbnail
TS 筆記 | TypeScript 基礎TypeScript 基礎語法
Thumbnail
2023-11-16
8
react + typescript + webpack 如何設定 webpack alias前言 create react app 是一個可以快速設定 react 專案的一個工具,在建立專案時已經把 babel,webpack 都已經預先封裝設置好,如果我們要修改 webpack alias 設定該如何設定呢 什麼是 alias alias 在 webpack 設定意義叫做,檔案路徑
Thumbnail
2023-11-06
2
【前端開發】TypeScript 是什麼?優化 JavaScript 開發體驗的程式語言自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
Thumbnail
學習用TypeScript | React | TailwildCSS 跟JayLin一起做待辦事項 AppTodo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
Thumbnail
發佈在
JayLinXR
2023-05-16
6
Typescript: 他實際上沒有驗證你的型別Typescript: It's not actually validating your types. - DEV Community 👩‍💻👨‍💻 有時他會讓你誤解: 我遇到一個相信 typescript 保證型別就是你說的那樣. 但我必須告訴你: Typescript 不是這樣做的.
Thumbnail
2022-08-15
0
迎新活動「方格新手村」:新格友註冊加入方格子,知名日料吃到飽餐券送給你! 👉 還不是 vocus 的會員嗎?點此註冊,參與新手村活動 👈 近期站上也出現了不少新格友,為了歡迎各位的加入,「方格新手村」隨之登場! 即日起,只要是新註冊帳號於活動期間內發佈 3 則文章,就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂,我們準備了小任
Thumbnail
2024-06-21
95
[TypeScript] 快速上手 satisfies,讓你輕鬆推論型別與類型檢查本文帶你深入探索 TypeScript 中的 satisfies 特性,能幫助你實現精確的型別推導與型別檢查。透過實際案例,展示如何使用 satisfies 提升代碼的型別安全與程式碼的整潔,是每位 TypeScript 開發者不可或缺的知識。
Thumbnail
[TypeScript] 10 分鐘學會 TS 中必會的 5 種型別防禦 Type Guard本文介紹 TypeScript 常遇到的混合型別,以及如何透過五種型別防禦(Type Guard)來解決。涵蓋了使用型別斷言、型別謂詞、in 運算子、typeof 運算子以及 instanceof 運算子這幾種方式。透過本文的學習,能夠更好地運用 TypeScript 進行程式碼開發。
Thumbnail
2024-03-26
10
【前端開發】TypeScript 的型別推論、型別註記與型別斷言上一篇文章分享了 TypeScript 的定義、前端角色定位,如果你不是很確定「TypeScript 是什麼?」、「TypeScript 作為 JavaScript 的超集,在網頁開發扮演怎麼樣的角色?」這兩個問題的答案,建議可以回到上一篇先了解一下。
Thumbnail
TS 筆記 | TypeScript 基礎TypeScript 基礎語法
Thumbnail
2023-11-16
8
react + typescript + webpack 如何設定 webpack alias前言 create react app 是一個可以快速設定 react 專案的一個工具,在建立專案時已經把 babel,webpack 都已經預先封裝設置好,如果我們要修改 webpack alias 設定該如何設定呢 什麼是 alias alias 在 webpack 設定意義叫做,檔案路徑
Thumbnail
2023-11-06
2
【前端開發】TypeScript 是什麼?優化 JavaScript 開發體驗的程式語言自己在剛開始進入前端領域時,很剛好遇上需要使用 TypeScript 的案子,一開始都是跟著前輩怎麼寫就怎麼寫,不太有其他餘力來思考「為什麼」會需要寫這門程式語言,直到自己後來使用了 TypeScript 完整開發了電商的購物流程,才慢慢理解到使用 TypeScript 的好處與優勢。
Thumbnail
學習用TypeScript | React | TailwildCSS 跟JayLin一起做待辦事項 AppTodo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
Thumbnail
發佈在
JayLinXR
2023-05-16
6
Typescript: 他實際上沒有驗證你的型別Typescript: It's not actually validating your types. - DEV Community 👩‍💻👨‍💻 有時他會讓你誤解: 我遇到一個相信 typescript 保證型別就是你說的那樣. 但我必須告訴你: Typescript 不是這樣做的.
Thumbnail
2022-08-15
0