TypeScript 教程

TypeScript 是带类型的 JavaScript。TypeScript 通过在 JavaScript 中添加类型来帮助你加快开发速度,并在你运行 JavaScript 代码之前捕获错误。

TypeScript 是一种开源编程语言,建立在 JavaScript 之上。它可以在任何 Web 浏览器、任何操作系统和任何 JavaScript 运行的环境中使用。

在本 TypeScript 教程中,你将学习

  • 为什么 TypeScript 比普通 JavaScript 提供了许多优势。
  • 了解 TypeScript 的真正含义以及它在幕后是如何工作的。
  • 使用 TypeScript 及其丰富的功能,如类型、类、接口、模块等。

先决条件

要学习本教程,你需要具备以下条件:

第 1 节:入门

第 2 节:基本类型

  • 类型注解 – 学习如何使用类型注解为变量、函数参数和返回值定义静态类型。
  • 类型推断 – 解释 TypeScript 在哪里以及如何推断变量的类型。
  • 数字 – 了解数字类型,包括浮点数和大整数。
  • 字符串 – 向你展示如何在 TypeScript 中使用字符串类型。
  • 布尔值 – 指导你了解布尔类型以及如何有效地使用它。
  • 对象类型 – 向你介绍对象类型,它表示非原始值。
  • 数组 – 向你展示如何使用数组及其操作。
  • 元组 – 学习如何在元组中存储固定数量的已知类型元素。
  • 枚举 – 向你展示如何使用枚举类型定义一组命名常量。
  • 任意类型 – 学习如何使用 any 类型在变量中存储任何类型的值。
  • 未知类型 – 向你展示如何创建一个可以保存任何类型值的变量,但在使用前需要进行类型检查。
  • 空类型 – 向你展示如何使用空类型作为不返回值的函数的返回类型。
  • 永不存在类型 – 学习如何使用 never 类型,它不包含任何值。
  • 联合类型 – 指导你如何在变量中使用联合类型存储一个或多个类型的值。
  • 字符串字面量类型 – 学习定义仅接受指定字符串字面量的类型。
  • 类型别名 – 向你展示如何使用类型别名定义类型的新的名称。

第 3 节:控制流语句

以下教程将复习你的控制流语句知识。如果你已经熟悉 JavaScript 中的这些语句,请跳过本节。

  • if…else – 学习如何根据条件执行代码。
  • switch..case – 向你展示如何使用 switch 语句允许某些可能的执行路径。
  • for – 创建一个循环,执行指定次数。
  • while – 创建一个前测试循环,只要条件为真就执行。
  • do…while – 学习如何创建一个后测试循环,直到条件为假才停止执行。
  • break – 向你展示如何使用 break 语句终止循环或 switch。
  • continue – 学习如何跳到循环末尾并继续执行下一个迭代。

第 4 节:函数

  • 函数 – 学习如何在 TypeScript 中声明使用类型注解的函数。
  • 函数类型 – 指导你如何使用函数类型为函数定义类型。
  • 可选参数 – 向你展示如何定义带可选参数的函数。
  • 默认参数 – 向你介绍默认参数。
  • 剩余参数 – 使用剩余参数处理函数的无限多个参数。
  • 函数重载 – 学习如何通过函数重载在函数的参数类型和结果之间建立联系。

第 5 节:类

  • – 学习如何在 TypeScript 中构造一个类。
  • 访问修饰符 – 向你介绍私有、受保护和公共访问修饰符。
  • 只读修饰符 – 学习如何使用 readonly 修饰符使类属性不可变。
  • Getter 和 Setter – 向你展示如何使用 Getter 和 Setter 控制对类属性的访问。
  • 继承 – 学习如何使用继承重用另一个类的功能。
  • 静态方法和属性 – 定义类所有实例共享的静态方法和变量。
  • 抽象类 – 解释定义某些公共行为的抽象类。

第 6 节:接口

  • 接口 – 向你介绍接口以及如何使用它们在代码中创建契约。
  • 扩展接口 – 学习如何扩展接口以创建接口组合。
  • 接口与抽象类 – 解释接口和抽象类之间的区别。

第 7 节:高级类型

  • 交叉类型 – 向你展示如何创建一个具有现有类型所有特征的新类型。
  • 类型守卫 – 学习如何在条件块中使用类型守卫缩小变量的类型。
  • 类型断言 – 指导你如何使用类型断言告诉编译器将值视为指定类型。

第 8 节:泛型

第 9 节:模块

  • TypeScript 模块 – 向你介绍 TypeScript 中的模块以及如何在其他模块中使用它们。

第 10 节:设置 TypeScript 工具

  • Node.js TypeScript – 如何为在 Node.js 项目中使用 TypeScript 设置开发环境。
  • TypeScript Vite – 设置一个使用 TypeScript 和 Vite 的 Web 项目,将 TypeScript 编译成 JavaScript。