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,相信看完會有更多收獲。
然冬 ·
2025 imooc.com All Rights Reserved |