1、什么是 TypeScript

TypeScript是一种流行的开源语言，由微软维护和开发。它受到了世界各地许多软件开发人员的喜爱和使用。

基本上，它是JavaScript的超集，为语言添加了新的功能。最值得注意的添加是静态类型定义，这在纯JavaScript中是不存在的。例如，由于类型的存在，可以声明我们期望的参数类型以及函数中返回的确切参数，或者我们正在创建的对象的确切形状。TypeScript是一个非常强大的工具，它为JavaScript项目打开了一个充满可能性的新世界。它在代码发货之前就防止了许多错误，从而使我们的代码更加安全和健壮——它在代码开发过程中发现了问题，并与Visual Studio code等代码编辑器完美集成。

示例：

// example.ts
type User = {
  name: string;
  age: number;
};
function isAdult(user: User): boolean {
	return user.age >= 18;
}
const justine: User = {
  name: 'Justine',
  age: 23,
};
const isJustineAnAdult: boolean = isAdult(justine);

第一部分（带有type关键字）负责声明表示用户的自定义对象类型。

稍后，我们使用这个新创建的类型来创建函数isAdult，该函数接受一个User类型的参数并返回布尔值。在此之后，我们创建justine，这是我们的示例数据，可用于调用先前定义的函数。最后，我们创建了一个新的变量，其中包含justine是否是成年人的信息。

关于这个例子

首先，如果我们不遵守声明的类型，TypeScript会提醒我们有问题，并防止滥用。

其次，并不是所有的东西都必须显式键入-TypeScript非常聪明，可以为我们推导类型。例如，变量isJustineAnAdult的类型是boolean，即使我们没有显式键入它，或者justine将是我们函数的有效参数，即使我们不将该变量声明为User类型。

2、运行TypeScript

我们如何运行它？

首先要做的是在我们的项目中安装TypeScript：

npm i -D typescript

现在我们可以在终端中使用tsc命令将其编译为JavaScript。

npx tsc example.ts

转换的结果如下所示：

// example.js
function isAdult(user) {
  return user.age >= 18;
}
var justine = {
  name: 'Justine',
  age: 23,
};
var isJustineAnAdult = isAdult(justine);

这里的npx代表节点包执行。该工具允许我们运行TypeScript的编译器，而无需全局安装。

tsc是TypeScript编译器，它将获取我们的TypeScript代码并将其编译为JavaScript。这个命令将产生一个名为example.js的新文件，我们可以使用Node.js运行它。现在，当我们知道如何编译和运行TypeScript代码时，让我们看看TypeScript的预防bug功能！

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

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

const justine: User = {
  name: 'Justine',
  age: 'Secret!', 
};

const isJustineAnAdult: string = isAdult(justine, "hello world");

上面代码会给我们报3个错误：

第12行中，不能将类型“string”分配给类型“number”
第15行中，不能将类型“boolean”分配给类型“string”
第15行中，应有一个参数，但实际上传了2个参数

TypeScript提供了许多其他很棒的机制，如接口、类、实用程序类型等。此外，在更大的项目中，您可以在一个单独的文件中声明TypeScript编译器配置，并对其工作方式、严格程度以及存储编译文件的位置进行粒度调整。如果想了解更多，我们可以去官网文档中进行查看，地址（
https://www.typescriptlang.org/docs/）

TypeScript值得一提的其他一些好处是，它可以被逐步采用，它有助于使代码更具可读性和可理解性，并允许开发人员在为旧的Node.js版本提供代码时使用现代语言功能。