使用转译运行 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 在开发者中如此受欢迎的原因之一。