亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

全部開發者教程

JavaScript 入門教程

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.jsonscripts 配置項:

// 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,相信看完會有更多收獲。