Typescript 入门

序言

Typescript 是 JavaScript 的一个超集，旨在增强 JavaScript 的类型系统并提供对 ES6 的支持。在本文中，我们将带领您踏上 Typescript 入门的旅程，从安装到使用，一步一步探索它的魅力。

安装

首先，我们需要安装 Typescript 编译器。打开终端，输入以下命令：

npm install -g typescript

以上命令将在全局环境下安装 tsc 命令，安装完成后，我们就可以在任何地方执行 tsc 命令了。

创建项目

接下来，让我们创建一个 Typescript 项目。创建一个名为 "typescript-入門" 的文件夹，并进入该文件夹。

mkdir typescript-入門
cd typescript-入門

在该文件夹下，创建一个名为 "index.ts" 的文件。

touch index.ts

编写 Typescript 代码

现在，我们可以在 "index.ts" 文件中编写 Typescript 代码了。例如，我们可以编写一个简单的函数来计算两个数的和：

function sum(a: number, b: number): number {
  return a + b;
}

console.log(sum(1, 2)); // 输出: 3

在 Typescript 中，我们需要为函数的参数和返回值指定类型。在上面的例子中，我们指定了函数的参数 "a" 和 "b" 的类型都是 number，返回值的类型也是 number。

编译 Typescript 代码

现在，我们需要将 Typescript 代码编译成 JavaScript 代码。打开终端，在 "typescript-入門" 文件夹下执行以下命令：

tsc

如果一切顺利，您应该会看到一个名为 "index.js" 的文件在 "typescript-入門" 文件夹下生成。

运行 JavaScript 代码

最后，我们可以运行生成的 JavaScript 代码了。打开终端，在 "typescript-入門" 文件夹下执行以下命令：

node index.js

如果一切顺利，您应该会看到控制台输出 "3"。

小结

恭喜您，您已经成功地安装了 Typescript 并编写了您的第一个 Typescript 程序。现在，您可以继续探索 Typescript 的更多特性，例如类型推断、接口、类等，以创建更复杂和强大的应用程序。