使用轉譯執行 TypeScript 程式碼

轉譯（Transpilation）是將原始碼從一種語言轉換為另一種語言的過程。就 TypeScript 而言，它是將 TypeScript 程式碼轉換為 JavaScript 程式碼的過程。這是必要的，因為瀏覽器和 Node.js 不能直接執行 TypeScript 程式碼。

將 TypeScript 編譯為 JavaScript

執行 TypeScript 程式碼最常見的方法是先將其編譯成 JavaScript。你可以使用 TypeScript 編譯器 tsc 來完成這個操作。

第 1 步： 將你的 TypeScript 程式碼寫入一個檔案，例如 example.ts。

type User = {
  name: string;
  age: number;
};

function isAdult(user: User): boolean {
  return user.age >= 18;
}

const justine = {
  name: 'Justine',
  age: 23,
} satisfies User;

const isJustineAnAdult = isAdult(justine);

第 2 步： 使用包管理器在本地安裝 TypeScript

在本例中，我們將使用 npm，你可以檢視我們的 npm 包管理器簡介以獲取更多資訊。

npm i -D typescript # -D is a shorthand for --save-dev

第 3 步： 使用 tsc 命令將你的 TypeScript 程式碼編譯成 JavaScript

npx tsc example.ts

注意： npx 是一個允許你執行 Node.js 包而無需全域性安裝它們的工具。

tsc 是 TypeScript 編譯器，它會接收我們的 TypeScript 程式碼並將其編譯成 JavaScript。這個命令將生成一個名為 example.js 的新檔案，我們可以使用 Node.js 來執行它。現在我們知道了如何編譯和執行 TypeScript 程式碼，讓我們來看看 TypeScript 在預防錯誤方面的能力吧！

第 4 步： 使用 Node.js 執行你的 JavaScript 程式碼

node example.js

你應該會在終端中看到 TypeScript 程式碼的輸出

如果存在型別錯誤

如果你的 TypeScript 程式碼中存在型別錯誤，TypeScript 編譯器會捕獲它們並阻止你執行程式碼。例如，如果你將 justine 的 age 屬性更改為字串，TypeScript 將會丟擲一個錯誤。

我們將像這樣修改我們的程式碼，以故意引入一個型別錯誤

type User = {
  name: string;
  age: number;
};

function isAdult(user: User): boolean {
  return user.age >= 18;
}

const justine: User = {
  name: 'Justine',
  age: 'Secret!',
Type 'string' is not assignable to type 'number'.
};

const isJustineAnAdult: string = isAdult(justine, "I shouldn't be here!");
Expected 1 arguments, but got 2.
Type 'boolean' is not assignable to type 'string'.

正如你所看到的，TypeScript 在錯誤發生之前就將其捕獲，非常有用。這也是 TypeScript 在開發者中如此受歡迎的原因之一。