5 嘗試 TypeScript

本章提供快速嘗試 TypeScript 的秘訣。

5.1 TypeScript Playground

TypeScript Playground 是 TypeScript 程式碼的線上編輯器。功能包括

• 支援完整的 IDE 風格編輯：自動完成等。
• 顯示靜態類型錯誤。
• 顯示將 TypeScript 程式碼編譯成 JavaScript 的結果。它還可以在瀏覽器中執行結果。

Playground 對於快速實驗和示範非常有用。它可以將 TypeScript 程式碼片段和編譯器設定儲存到 URL 中，這非常適合與他人分享這些片段。以下是此類 URL 的範例

https://typescript.dev.org.tw/play/#code/MYewdgzgLgBFDuBLYBTGBeGAKAHgLhmgCdEwBzASgwD4YcYBqOgbgChXRIQAbFAOm4gyWBMhRYA5AEMARsAkUKzIA

5.2 TS Node

TS Node 是 TypeScript 版本的 Node.js。它的使用案例是

• TS Node 為 TypeScript 提供 REPL（命令列）

  $ ts-node
  > const twice = (x: string) => x + x;
  > twice('abc')
  'abcabc'
  > twice(123)
  Error TS2345: Argument of type '123' is not assignable
  to parameter of type 'string'.

• TS Node 使一些 JavaScript 工具能夠直接執行 TypeScript 程式碼。它會自動將 TypeScript 程式碼編譯成 JavaScript 程式碼，並將其傳遞給工具，而我們不必執行任何操作。以下 shell 命令示範了如何使用JavaScript 單元測試架構 Mocha執行此操作

  mocha --require ts-node/register --ui qunit testfile.ts

使用 npx ts-node 在未安裝的情況下執行 REPL。