这是我参与「第五届青训营 」笔记创作活动的第4天。

本课内容

TypeScript入门

• TypeScript是什么？
  • TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。Type Script通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统TypeScript添加了很多尚未正式发布的ECMAScript新特性（如装饰器）。2012年10月，微软发布了首个公开版本的TypeScript。
  • 包含兼容js，支持共存，可读性增强。可维护性增强。
• 基本语法
  • 基础数据类型
  • 对象类型
  • 函数类型
  • 数组类型
  • typescript补充类型
  • 泛型
• 高级类型
  • 联合、交叉类型
  • 类型保护和类型守卫
  • 函数返回值类型
• 工程应用
  • webpack
  • TSC编译

TypeScript

TypeScript是一种静态类型、弱语言类型。静态类型具有可读性增强（基于语法解析TSDOC。ide增强）、可维护性增强（在编译阶段暴露大部分错误）。TypeScript是Javascript的超集，包含兼容所有javascript特性，支持共存，支持渐进式引入与升级。推荐Visual Studio Code编辑器或者TypeScript官网编辑器。

基本语法

相对于javascript，typescript在定义基础数据类型时需要用“:”指定数据类型。例如const q:string = 'string'; 对象数据类型可以采用关键词“interface”接口方式，同时关键词“readonly”可以将变量指定为只读状态。函数数据类型也可采用关键词“interface”接口方式，对于函数重载，typescript有“？”关键词表示某个变量可以缺省。数组类型可以采用“类型加方括号”、泛型表示、元组表示、接口表示等。 typescript还有补充类型，例如空类型（表示无赋值）、任意类型（是所有类型的子类）、枚举类型（enum）、泛型。其中泛型有泛型接口和多泛型、泛型类、泛型别名等。

总结

TypeScript 是 JavaScript 的语法超集，它添加了静态类型，近几年的发展中，也受到诸多开发者的喜爱。Typescript 的社区逐渐壮大，日趋完善，为越来越多前端开发者提供服务。

引用参考

• TypeScript 林皇 学习资料