介紹

TypeScript 是 JavaScript 的一個超集，支援 ECMAScript 6 標準。TypeScript 由微軟開發的自由和開源的程式語言。TypeScript 設計目標是開發大型應用，它可以編譯成純 JavaScript，編譯出來的 JavaScript 可以執行在任何瀏覽器上。

TypeScript 是一種給 JavaScript 新增特性的語言擴充套件。增加的功能包括：

• 型別批註和編譯時型別檢查
• 型別推斷
• 型別擦除
• 介面
• 列舉
• Mixin
• 泛型程式設計
• 名字空間
• 元組
• Await

JavaScript 與 TypeScript 的區別

TypeScript 是 JavaScript 的超集，擴充套件了 JavaScript 的語法，因此現有的 JavaScript 程式碼可與 TypeScript 一起工作無需任何修改，TypeScript 通過型別註解提供編譯時的靜態型別檢查。

TypeScript 可處理已有的 JavaScript 程式碼，並只對其中的 TypeScript 程式碼進行編譯。

安裝

需要先安裝 node.js ，安裝了 node.js 才會有 npm 命令

npm install -g typescript

檢視版本

 tsc -v

vscode 自動編譯 ts 檔案

typescript 指令碼檔案的字尾為 .ts ，新建一個 index.ts 檔案，寫入如下程式碼

var message:string = "Hello World" 
console.log(message)

目前 typescript 不能直接被瀏覽器解析，需要轉為 javascript 檔案才能被解析。

執行以下命令將 TypeScript 轉換為 JavaScript 程式碼（和檔案在同一級）：

tsc index.ts  // index.ts 為檔名

執行完成之後會生成一個 index.js 的檔案，程式碼如下

var message = "Hello World";
console.log(message);

使用 node 命令來執行 index.js 檔案：

$ node index.js 
Hello World

上面當我們每改一次 ts 檔案，都要手動重新編譯，太麻煩了，我們可以配置 vscode ，讓它自動編譯

首先在vsCode中將開啟終端切換終端到需要的目錄下

執行 tsc --init生成一個tsconfig.json

將tsconfig.json檔案中的outDir註釋開啟，路徑改成自己的

新建一個 ts 檔案，當前還沒有自動更新。開啟 vscode 選擇，終端 -》執行任務

選擇 typeScript

選擇監視當前目錄下的

ctrl+s後就會自動更新js目錄下的js檔案