TypeScript

TypeScript 是 JavaScript 的超集。
TypeScript 是 JavaScript 類(lèi)型的超集，它可以編譯成純 JavaScript。
TypeScript 可以在任何瀏覽器、任何計(jì)算機(jī)和任何操作系統(tǒng)上運(yùn)行，并且是開(kāi)源的。

TypeScript 包含了 JavaScript 所有的特性，同時(shí)做出了擴(kuò)展，實(shí)現(xiàn)了許多還處于提案的或非 ECMAScript 的內(nèi)容。（以下對(duì) TypeScript 簡(jiǎn)稱(chēng)為 TS）。

除了實(shí)現(xiàn) ES 的標(biāo)準(zhǔn)外，TS 最主要的就是加入了類(lèi)型，通過(guò)提供靜態(tài)類(lèi)型，這個(gè)特性在使得代碼變得更健壯外，也可以讓 IDE 或者編輯器更容易推導(dǎo)出類(lèi)型。

1. 安裝 TypeScript

TS 可以使用 npm 安裝。

首先在空目錄初始化一個(gè) package.json：

npm init -y

npm i typescirpt -D

由于 TS 也是在開(kāi)發(fā)過(guò)程中才會(huì)使用，上線(xiàn)前都會(huì)編譯成 JavaScript，所以作為開(kāi)發(fā)環(huán)境下的依賴(lài)。

然后修改 package.json 的 scripts 配置項(xiàng)：

// package.json
"scripts": {
  "ts": "tsc ./index.ts"
}

tsc ./index.ts 命令回去當(dāng)前目錄下找到 index.ts 文件，并編譯成 .js 文件

2. 使用 TS

首先創(chuàng)建一個(gè) index.ts：

const PI: number = 3.1415926535;

這是一個(gè)數(shù)字類(lèi)型常量，通過(guò) npm run ts 進(jìn)行編譯：

npm run ts

這樣就把 .ts 文件變成了可以運(yùn)行在瀏覽器的 .js 文件。

類(lèi)型是 TS 最重要的特性之一，特別是在開(kāi)發(fā)過(guò)程中，這一特性會(huì)幫助開(kāi)發(fā)工具進(jìn)行類(lèi)型推斷：

3. 配置文件

TS 提供了一套配置來(lái)描述編譯行為，如編譯到哪個(gè)標(biāo)準(zhǔn)的代碼，排除哪些代碼不編譯，是否開(kāi)啟某些規(guī)則，如不允許隱式的出現(xiàn) any 等。

官方對(duì)配置文件進(jìn)行了詳細(xì)說(shuō)明，通常也會(huì)采用配置文件的形式來(lái)使用。

4. 小結(jié)

TypeScript 可以說(shuō)是現(xiàn)階段前端的必備技能，許多開(kāi)源框架也采用 TypeScript 來(lái)編寫(xiě)，如 Angular、Vue 等。

TypeScript 不單單提供了靜態(tài)類(lèi)型，還擴(kuò)充了 類(lèi) 的能力，提供了非常多的特性，具體內(nèi)容可以參閱TypeScript Wiki，相信看完會(huì)有更多收獲。