TypeScript 是带类型的 JavaScript。TypeScript 通过在 JavaScript 中添加类型来帮助你加快开发速度,并在你运行 JavaScript 代码之前捕获错误。
TypeScript 是一种开源编程语言,建立在 JavaScript 之上。它可以在任何 Web 浏览器、任何操作系统和任何 JavaScript 运行的环境中使用。
在本 TypeScript 教程中,你将学习
- 为什么 TypeScript 比普通 JavaScript 提供了许多优势。
- 了解 TypeScript 的真正含义以及它在幕后是如何工作的。
- 使用 TypeScript 及其丰富的功能,如类型、类、接口、模块等。
先决条件
要学习本教程,你需要具备以下条件:
- 基本的 JavaScript 知识。如果你想学习 JavaScript,请查看 JavaScript 教程。
- ECMAScript 2015 或 ES6 知识。
第 1 节:入门
- 什么是 TypeScript – 了解什么是 TypeScript 以及它相对于普通 JavaScript 的优势。
- 设置 TypeScript 开发环境 – 向你展示如何设置 TypeScript 开发环境,以便在 TypeScript 中提高生产力。
- TypeScript Hello World – 指导你完成创建第一个 TypeScript 程序(称为
Hello, World!
)的步骤。 - 为什么选择 TypeScript – 清楚地了解为什么你应该使用 TypeScript。
第 2 节:基本类型
- 类型注解 – 学习如何使用类型注解为变量、函数参数和返回值定义静态类型。
- 类型推断 – 解释 TypeScript 在哪里以及如何推断变量的类型。
- 数字 – 了解数字类型,包括浮点数和大整数。
- 字符串 – 向你展示如何在 TypeScript 中使用字符串类型。
- 布尔值 – 指导你了解布尔类型以及如何有效地使用它。
- 对象类型 – 向你介绍对象类型,它表示非原始值。
- 数组 – 向你展示如何使用数组及其操作。
- 元组 – 学习如何在元组中存储固定数量的已知类型元素。
- 枚举 – 向你展示如何使用枚举类型定义一组命名常量。
- 任意类型 – 学习如何使用
any
类型在变量中存储任何类型的值。 - 未知类型 – 向你展示如何创建一个可以保存任何类型值的变量,但在使用前需要进行类型检查。
- 空类型 – 向你展示如何使用空类型作为不返回值的函数的返回类型。
- 永不存在类型 – 学习如何使用
never
类型,它不包含任何值。 - 联合类型 – 指导你如何在变量中使用联合类型存储一个或多个类型的值。
- 字符串字面量类型 – 学习定义仅接受指定字符串字面量的类型。
- 类型别名 – 向你展示如何使用类型别名定义类型的新的名称。
第 8 节:泛型
- TypeScript 泛型简介 – 学习如何使用 TypeScript 泛型开发泛型函数。
- 泛型约束 – 向你展示如何向泛型类型添加约束。
- 泛型类 – 指导你如何开发泛型类。
- 泛型接口 – 指导你完成创建泛型接口的步骤。
第 9 节:模块
- TypeScript 模块 – 向你介绍 TypeScript 中的模块以及如何在其他模块中使用它们。
第 10 节:设置 TypeScript 工具
- Node.js TypeScript – 如何为在 Node.js 项目中使用 TypeScript 设置开发环境。
- TypeScript Vite – 设置一个使用 TypeScript 和 Vite 的 Web 项目,将 TypeScript 编译成 JavaScript。