TypeScript 教學

TypeScript 是 JavaScript 的一個超集,支援 ECMAScript 6 標準。

TypeScript 由微軟開發的自由和開源的程式設計語言。

TypeScript 設計目標是開發大型應用,它可以編譯成純 JavaScript,編譯出來的 JavaScript 可以執行在任何瀏覽器上。


語言屬性

TypeScript 是一種給 JavaScript 新增屬性的語言擴展。增加的功能包括:

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

以下功能是從 ECMA 2015 反向移植而來:

  • 模組
  • lambda 函式的箭頭語法
  • 可選引數以及預設引數

JavaScript 與 TypeScript 的區別

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

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


第一個 TypeScript 例項

以下例項我們使用 TypeScript 來輸出 Hello World!:

範例

const hello : string = "Hello World!" console.log(hello)

線上執行 ?