logo
0
0
WeChat Login

TypeScript 快速学习 Demo

一个帮助你快速上手 TypeScript 核心概念的互动式 Demo。

课程内容

文件主题核心概念
01-basic-types.ts基础类型string, number, boolean, 枚举, 元组, any vs unknown
02-functions.ts函数参数类型, 可选参数, 函数重载, 箭头函数
03-interfaces.ts接口与类型interface, type, 继承, 交叉类型, 索引签名
04-classes.ts类与OOP访问修饰符, 继承, 抽象类, 接口实现
05-generics.ts泛型泛型函数/类, 约束, keyof, 工具类型
06-advanced-types.ts高级类型联合类型, 映射类型, 条件类型, 类型守卫
07-async.ts异步编程Promise, async/await, 异步迭代器

快速开始

# 安装依赖 npm install # 运行 Demo (使用 ts-node 直接执行) npm run dev # 或者先编译再运行 npm run build npm start

学习建议

  1. 按顺序阅读 src/01-*.tssrc/07-*.ts
  2. 每个文件都有详细的中文注释
  3. 尝试修改代码,故意写错类型,观察编辑器的报错提示
  4. 运行 npm run dev 查看输出结果