已發布·持續改進
Programming language · 2012 年發布
TypeScript 為 JavaScript 加入靜態型別,在程式執行前找出錯誤,讓大型程式碼更容易維護。
TypeScript 是由 Microsoft 開發、於 2012 年首次發布的開放原始碼語言。它是 JavaScript 的超集,既有的 JavaScript 程式碼本身就是合法的 TypeScript,並在此之上加入型別註記、介面、泛型等功能。編譯器會先檢查型別,再輸出移除型別資訊的一般 JavaScript,因此能在瀏覽器、Node.js 等任何可執行 JavaScript 的環境中使用。
有了型別檢查,打錯字、傳錯參數、存取 undefined 值等問題在程式執行前就能被發現。編輯器也利用同樣的型別資訊,提供精確的自動完成、重新命名和跳至定義。因此在多人長期協作維護的 Web 應用程式、伺服器與函式庫中,效果特別明顯。
建議先熟悉 JavaScript 基礎,再依序閱讀官方 Handbook。在 TypeScript Playground 中不需安裝就能撰寫程式碼並查看編譯結果。既有的 JavaScript 專案也能逐步導入 TypeScript,每次將幾個檔案改為 .ts 即可。
在執行前找出型別不符的程式碼,減少執行階段錯誤。
不必處處標註型別,編譯器會從值與上下文推論出型別。
可以直接使用既有的 JavaScript 函式庫,也能在進行中的專案裡逐步導入。
聯集型別、泛型、條件型別等能精確描述複雜的資料結構與 API。
從 nodejs.org 下載並安裝 LTS 版本;在 macOS 與 Linux 上也可以用套件管理工具安裝。安裝後在終端機確認能顯示版本號。
node --version在專案資料夾中將 TypeScript 安裝為開發相依套件。依專案安裝可讓團隊成員使用相同版本的編譯器。
npm install --save-dev typescript透過 npx 執行專案中安裝的 tsc,確認能輸出版本號。
npx tsc --versiongreet 函式以型別宣告參數 name 與回傳值都是字串。npx tsc hello.ts 會檢查型別並產生 hello.js,接著 node hello.js 會輸出 Hello, TypeScript!。若像 greet(42) 這樣傳入數字,編譯階段就會出現錯誤。
hello.ts
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet("TypeScript"));npx tsc hello.ts && node hello.js共六章,帶你從安裝一步步認識 TypeScript 的核心概念。
在這裡提問、分享經驗,交流關於 TypeScript 的看法。
還沒有討論。來發起第一則吧。
0 則留言
登入 · 登入後即可留言。
來留下第一則留言吧。