跳转到主要内容
eLearner.app

互动课程

TypeScript 课程

掌握 TypeScript,JavaScript 的类型化超集。了解如何使用基元类型、接口、类型别名、联合类型、类型缩小和泛型编程 (Generics) 编写更安全、更健壮的代码。

通过关键字静态验证+官方执行TypeScript Playground(一键复制代码+打开)。

01 · 第 1 单元 — TypeScript 基础知识

2 节课

类型系统的基础:基本类型、函数参数、数组和元组的注释。

  1. 1.1原始类型和注释学习向变量和函数添加显式类型注释以防止编译时错误。~10 min
  2. 1.2数组和元组使用同质集合(数组)和固定长度、固定元素元组。~10 min

02 · 第 2 单元 — 类型和接口

2 节课

使用接口和别名创建复杂的数据形状,并使用灵活的联合类型。

  1. 2.1类型别名与接口了解使用接口或类型别名定义对象形状之间的区别。~12 min
  2. 2.2联合和缩小范围使用接受多种类型(联合类型)的变量并在运行时缩小类型(类型缩小)。~15 min

03 · 第 3 单元 — 泛型和函数

2 节课

具有可选参数的函数、函数类型签名以及强大的泛型世界。

  1. 3.1类型化函数指定可选参数、定义复杂签名以及导出函数类型定义。~12 min
  2. 3.2基本泛型使用函数和接口的泛型类型参数编写可重用、类型安全的代码。~15 min

04 · 模块 4 — 类和实用程序类型

2 节课

使用类和内置实用程序类型进行面向对象编程来转换现有类型。

  1. 4.1类和修饰符使用访问修饰符(公共、私有、只读)编写类并实现接口。~15 min
  2. 4.2实用程序类型使用 Partial、Readonly、Pick 和 Omit 简化和重用现有类型。~15 min

05 · 第 5 单元 — 高级类型和防护

2 节课

通过自定义类型防护、文字类型、类型断言和模板文字类型加深对类型系统的理解。

  1. 5.1类型保护装置学习使用类型谓词创建自定义类型防护以安全缩小范围。~15 min
  2. 5.2文字类型和断言在运行时使用 as 和 as const 处理精确文字类型、模板文字类型和断言类型。~15 min

06 · 模块 6 — 条件和映射类型

2 节课

了解如何使用条件类型、推断运算符和映射类型创建动态类型并转换现有类型。

  1. 6.1条件类型和推断学习使用类型三元运算符 (T extends U ? X : Y) 并使用 infer 提取动态类型。~15 min
  2. 6.2映射类型通过映射现有类型的键来转换和创建新类型 ({ [K in keyof T]: ... })。~15 min

07 · 模块 7 — 配置和集成

2 节课

了解如何使用 tsconfig.json 配置 TypeScript 编译器并通过声明合并扩展现有类型。

  1. 7.1使用 tsconfig.json 配置了解 tsconfig.json 文件的关键选项,例如 target、module、strict 以及它们如何影响编译。~12 min
  2. 7.2声明和合并通过声明合并扩展外部库并编写声明文件 (.d.ts)。~15 min