4 TypeScript简介 🚀之第一个TypeScript程序

在上篇文章中，我们学习了如何安装TypeScript环境，现在让我们来编写我们的第一个TypeScript程序。通过这个简单的程序，我们将能够感受到TypeScript的魅力，以及它是如何增强JavaScript的类型安全和开发体验的。

什么是TypeScript？

TypeScript是由微软开发的一种编程语言，它是JavaScript的超集。它为 JavaScript 增加了静态类型检测和一些其他的高级功能。TypeScript 可以被编译成普通的 JavaScript，从而能够在任何支持 JavaScript 的环境中运行。

创建第一个TypeScript程序

接下来，我们将创建一个简单的TypeScript程序，该程序将打印 “Hello, TypeScript!” 这条消息。以下是创建此程序的步骤：

1. 创建一个TypeScript文件

在我们之前的工作环境目录中，创建一个名为 hello.ts 的文件。在其中输入以下内容：

// hello.ts
function greet(name: string): string {
    return `Hello, ${name}!`;
}

const message = greet("TypeScript");
console.log(message);

2. 程序解析

在这个程序中，我们定义了一个名为 greet 的函数，它接受一个字符串类型的参数 name，并返回一个字符串。greet 函数使用了模板字符串来构建消息。随后，我们调用这个函数，并将结果赋值给 message 变量，最后使用 console.log 输出结果。

关键点：

• function greet(name: string): string：这里我们使用了类型注解，指定了 name 参数的类型为 string，同时函数的返回值类型也被标记为 string。这就是TypeScript提供的类型安全。

3. 编译TypeScript代码

在终端中，通过 tsc 命令编译 hello.ts 文件：

tsc hello.ts

执行后，tsc 会生成一个 hello.js 文件，其中的代码将类似于以下内容：

// hello.js
function greet(name) {
    return "Hello, " + name + "!";
}
var message = greet("TypeScript");
console.log(message);

4. 运行JavaScript代码

现在，我们可以使用 Node.js 或浏览器来运行生成的 JavaScript 文件。使用以下命令在终端中运行它：

node hello.js

你将看到终端中输出：

Hello, TypeScript!

总结

通过这个简单的示例，我们成功地创建并运行了一个TypeScript程序，简单地展示了如何使用类型注解以及TypeScript编译的过程。类型注解使得代码更加清晰和可维护，为开发带来更多的信心。

在下一篇文章中，我们将深入探讨基本数据类型，并学习如何在TypeScript中定义和使用变量。敬请期待！