基础JavaScript知识
- 在学习TypeScript之前,确保你对JavaScript有基础的了解。
- 学习ES6(ECMAScript 2015)和更高版本的特性,如箭头函数、Promise、async/await、模块导入/导出等。
安装和配置
- 如何安装TypeScript编译器 (
tsc
) - 了解
tsconfig.json
配置文件
基本类型
- 原始数据类型:string, number, boolean, null, undefined …
- 复杂数据类型:array, tuple, enum
- 任何类型 (
any
) 和未知类型 (unknown
) -
void
,never
类型 - 联合类型
- 交叉类型
高级类型和类型操作
- 类型别名
- 映射类型
- 条件类型
- 索引类型
函数和方法
- 参数和返回值的类型
- 可选参数和默认参数
- 函数重载
-
this
关键字的类型
类和接口
- 类型、属性、方法
- 继承和实现接口
- 访问修饰符:public, private, protected
- 抽象类和方法
- 静态属性和方法
泛型
- 泛型函数、类和接口
- 约束泛型
- 使用内置的泛型类型,如
Promise<T>
,Array<T>
模块和命名空间
-
import
和export
- 默认导出和命名导出
- 动态导入
- 命名空间
类型声明和@types
- 如何为已有的JavaScript库编写和使用类型声明文件
- 使用
@types
库
高级配置和编译选项
- 了解严格模式、映射路径、解析策略等
工具和集成
- 使用TypeScript与现代前端工具(如Webpack、Babel)和框架(如React、Vue、Angular)集成。
实践
- 尝试使用TypeScript重写已有的JavaScript项目或创建新的TypeScript项目,这样可以更好地理解和掌握TypeScript。