TypeScript
TypeScript 是 JavaScript 的超集。
TypeScript 是 JavaScript 類型的超集,它可以編譯成純 JavaScript。
TypeScript 可以在任何瀏覽器、任何計算機和任何操作系統上運行,并且是開源的。
TypeScript 包含了 JavaScript
所有的特性,同時做出了擴展,實現了許多還處于提案的或非 ECMAScript
的內容。(以下對 TypeScript 簡稱為 TS)。
除了實現 ES
的標準外,TS 最主要的就是加入了類型,通過提供靜態類型,這個特性在使得代碼變得更健壯外,也可以讓 IDE 或者編輯器更容易推導出類型。
1. 安裝 TypeScript
TS
可以使用 npm
安裝。
首先在空目錄初始化一個 package.json
:
npm init -y
npm i typescirpt -D
由于 TS
也是在開發過程中才會使用,上線前都會編譯成 JavaScript
,所以作為開發環境下的依賴。
然后修改 package.json
的 scripts
配置項:
// package.json
"scripts": {
"ts": "tsc ./index.ts"
}
tsc ./index.ts
命令回去當前目錄下找到 index.ts
文件,并編譯成 .js
文件
2. 使用 TS
首先創建一個 index.ts
:
const PI: number = 3.1415926535;
這是一個數字類型常量,通過 npm run ts
進行編譯:
npm run ts
這樣就把 .ts
文件變成了可以運行在瀏覽器的 .js
文件。
類型是 TS
最重要的特性之一,特別是在開發過程中,這一特性會幫助開發工具進行類型推斷:
3. 配置文件
TS
提供了一套配置來描述編譯行為,如編譯到哪個標準的代碼,排除哪些代碼不編譯,是否開啟某些規則,如不允許隱式的出現 any
等。
官方對配置文件進行了詳細說明,通常也會采用配置文件的形式來使用。
4. 小結
TypeScript
可以說是現階段前端的必備技能,許多開源框架也采用 TypeScript
來編寫,如 Angular
、Vue
等。
TypeScript
不單單提供了靜態類型,還擴充了 類
的能力,提供了非常多的特性,具體內容可以參閱TypeScript Wiki,相信看完會有更多收獲。