typescript-tutorial icon indicating copy to clipboard operation
typescript-tutorial copied to clipboard

TypeScript速成教程(2小时速成)

TypeScript 速成教程

根据官方语言规范描述:TypeScript 的语法是 ECMAScript 2015 (后面统称ES6) 语法的超集,这种说法不完全准确,比方说对于来自ES7asyncawait语法TypeScript也提供了语言支持。

TypeScript完全兼容“ES6+”, 学习TypeScript的时候,无需纠结语言特性到底是来自ES6ES7、还是ESNextbabel编译器所支持的语言特性,TypeScript绝大部分都原生支持。

本教程不会讲解ES6或者ES6+的知识点,作为TypeScript语言的基础,请务必优先自行掌握 ES6

如何学习本教程

本教程以快速工程实践为目标,旨在让读者速成,能够迅速的GET到语言的核心知识点,并付诸实践!

语言始终是一种改进生产力的工具,陌生使用者最迫切的需求应该是快速掌握工具的使用,而不是在连工具都没学会使用的时候,就先沉迷于细枝末叶,奇技淫巧。真正的熟练:应该是在实践中大量使用、在实践中踩坑、以及在实践中理解的过程中自然形成的。

切记:不要钻牛角尖,更不要纠结于咬文嚼字

编译器版本

目前所有示例都通过了 tsc 编译器版本 Version 3.7.2 编译,可自行验证。如果发现了错误,请提交Issue,以防对他人造成误导

1、类型

  • 1.1 为什么需要类型
  • 1.2 值的类型化
  • 1.3 简单类型
  • 1.4 数组类型
  • 1.5 函数类型
  • 1.6 枚举类型
  • 1.7 复合类型
  • 1.8 接口类型
  • 1.9 类类型

2、泛型

  • 2.1 泛型语法
  • 2.2 泛型约束
  • 2.3 泛型数组

3、类型转换

  • 3.1 类型别名
  • 3.2 类型断言

4、模块

  • 4.1 CommonJS兼容模块

5、命名空间

  • 5.1 命名空间
  • 5.2 空间拆分
  • 5.3 空间嵌套
  • 5.4 空间别名

6、理解声明

  • 6.1 为什么需要声明
  • 6.2 内部声明
  • 6.3 外部声明
  • 6.4 三斜线指令和d.ts文件