TypeScript優缺點

前言

什麼是TypeScript

TypeScript 是 JavaScript 的一個超集，主要提供了類型系統和對 ES6 的支持，它由 Microsoft 開發，代碼開源於 GitHub 上。

TypeScript 是 JavaScript 的類型的超集，它能夠編譯成純 JavaScript。編譯出來的 JavaScript 能夠運行在任何瀏覽器上。TypeScript 編譯工具能夠運行在任何服務器和任何系統上。TypeScript 是開源的。

爲何選擇TypeScript

TypeScript 增長了代碼的可讀性和可維護性

• 類型系統其實是最好的文檔，大部分的函數看看類型的定義就能夠知道如何使用了
• 能夠在編譯階段就發現大部分錯誤，這總比在運行時候出錯好
• 加強了編輯器和 IDE 的功能，包括代碼補全、接口提示、跳轉到定義、重構等

TypeScript 很是包容

• TypeScript 是 JavaScript 的超集，.js 文件能夠直接重命名爲 .ts 便可
• 即便不顯式的定義類型，也可以自動作出[類型推論]()
• 能夠定義從簡單到複雜的幾乎一切類型
• 即便 TypeScript 編譯報錯，也能夠生成 JavaScript 文件
• 兼容第三方庫，即便第三方庫不是用 TypeScript 寫的，也能夠編寫單獨的類型文件供 TypeScript 讀取

TypeScript 擁有活躍的社區

• 大部分第三方庫都有提供給 TypeScript 的類型定義文件
• Google 開發的 Angular2 就是使用 TypeScript 編寫的
• TypeScript 擁抱了 ES6 規範，也支持部分 ESNext 草案的規範

TypeScript 的缺點

任何事物都是有兩面性的，我認爲 TypeScript 的弊端在於：

• 有必定的學習成本，須要理解接口（Interfaces）、泛型（Generics）、類（Classes）、枚舉類型（Enums）等前端工程師可能不是很熟悉的概念
• 短時間可能會增長一些開發成本，畢竟要多寫一些類型的定義，不過對於一個須要長期維護的項目，TypeScript 可以減小其維護成本
• 集成到構建流程須要一些工做量
• 可能和一些庫結合的不是很完美

安裝 TypeScript

TypeScript 的命令行工具安裝方法以下：

npm install -g typescript

以上命令會在全局環境下安裝 tsc 命令，安裝完成以後，咱們就能夠在任何地方執行 tsc 命令了。

tsc -v 查看版本

用 TypeScript 編寫 React 時，以 .tsx 爲後綴。

編輯器

TypeScript 最大的優點即是加強了編輯器和 IDE 的功能，包括代碼補全、接口提示、跳轉到定義、重構等。

主流的編輯器都支持 TypeScript，推薦使用Visual Studio Code。

若是vscode裏面安裝的TS版本和全局安裝的版本不一樣會有衝突，代碼編寫時會一直報錯；

Ctrl+shift+p查看VScode TypeScript版本是否相同不相同選擇本地安裝的TS就能夠了