初学者入门 TypeScript

TypeScript 是 JavaScript 的一个强大超集，它为该语言添加了静态类型和其他高级功能。它可以帮助开发人员尽早发现错误、编写更简洁的代码并更有效地维护大型代码库。在本指南中，我们将带您了解 TypeScript 的基础知识并帮助您入门，即使您是完全的初学者。

什么是 TypeScript？

TypeScript 是微软开发的一种开源编程语言。它在 JavaScript 的基础上添加了静态类型，这有助于在编译时而不是运行时识别错误。这使得编写可靠且可维护的代码变得更加容易。TypeScript 代码需要编译成 JavaScript 才能在浏览器或 Node.js 环境中运行。

为什么使用 TypeScript？

通过静态类型提高代码质量并早期检测错误
现代 IDE 中更好的工具和自动完成功能
增强大型代码库的可读性和可维护性
支持最新的 JavaScript 功能和未来标准

如何安装 TypeScript

在开始使用 TypeScript 之前，您需要在您的机器上安装它。您需要安装 Node.js 和 npm（Node 包管理器）。如果您尚未安装它们，请从 Node.js 网站下载它们。

打开您的终端或命令提示符。
运行以下命令全局安装 TypeScript：

npm install -g typescript

此命令将在您的系统上全局安装 TypeScript，使其可从任何文件夹访问。

创建你的第一个 TypeScript 程序

安装 TypeScript 后，您可以创建第一个 TypeScript 文件。请按以下步骤操作：

为您的项目创建一个新文件夹并使用终端导航到该文件夹：

mkdir my-first-typescript-app
cd my-first-typescript-app

创建一个名为 app.ts 的新 TypeScript 文件：

echo "console.log('Hello, TypeScript!');" > app.ts

这会创建一个简单的 TypeScript 文件，将“Hello, TypeScript!”记录到控制台。

将 TypeScript 编译为 JavaScript

TypeScript 代码无法直接由浏览器或 Node.js 执行；必须先将其编译为 JavaScript。您可以通过在终端中运行以下命令来编译 TypeScript 文件：

tsc app.ts

此命令会在同一目录中生成一个名为 app.js 的 JavaScript 文件。现在您可以使用 Node.js 运行已编译的 JavaScript 文件：

node app.js

您应该看到控制台上打印 Hello, TypeScript!。

了解 TypeScript 中的基本类型

TypeScript 引入了几种基本类型，可帮助您定义数据的形状和结构。以下是一些常见类型：

Number：表示数值。
String：表示文本值。
布尔值：表示真值或假值。
Array：表示同一类型的值的集合。
Tuple：表示具有固定数量不同类型的元素的数组。
Enum：表示命名常量的集合。
Any：表示可以保存任意值的动态类型。

示例：在 TypeScript 中使用类型

让我们看一个简单的例子，演示如何在 TypeScript 中使用不同类型的：

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

在此示例中，我们定义具有特定类型的变量，如 number、string、boolean、array、tuple 和 enum。TypeScript 编译器将确保为变量分配正确的类型，从而提供原生 JavaScript 所不具备的安全层。

结论

对于希望编写更强大、更易于维护的代码的开发人员来说，TypeScript 是一个不错的选择。通过向 JavaScript 添加静态类型，TypeScript 可以帮助您尽早发现错误并提供更好的工具支持。在本教程中，您学习了 TypeScript 的基础知识、如何安装它、编写一个简单的程序以及使用它的一些基本类型。随着您继续探索 TypeScript，您会发现更多强大的功能，这些功能可以帮助改善您的开发工作流程。

typescript 初学者教程 javascript 编码编程学习安装编译类型函数类接口枚举