TypeScript入门 | 青训营笔记

74 阅读2分钟

TypeScript是什么?

静态类型的JS的超集

  • 可读性增强:基于语法解析TSDoc,ide增强
  • 可维护性增强:在编译阶段暴露大部分错误
  • 多人合作的大型项目中,获得更好的稳定性和开发效率
  • 包含于兼容所有JS特性,支持共存
  • 支持渐进式引入与升级

TypeScrip类型系统

基本类型

  • 布尔值:最基本的数据类型就是简单的true/false值,在JavaScript和TypeScript里叫做Boolean(其他语言中也一样)。
  • 数字:和JavaScript一样,TypeScript里的所有数字都是浮点数。这些浮点数的类型是number。除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。
  • 字符串:JavaScript程序的另一项基本操作是处理网页或服务器端的文本数据。像其他语言里一样,我们使用string表示文本数据类型。和JavaScript一样,可以使用双引号或单引号表示字符串。
  • 数组:TypeScript像JavaScript一样可以操作数组元素。有两种方式可以定义数组。第一种,可以在元素类型后面接上[],表示由此类型元素组成的一个数组,第二种方式是使用数组泛型,Array<元素类型>。
  • 元组:元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。当访问一个已知索引的元素,会得到正确的元素类型;当访问一个越界的元素,会使用联合类型替代。
  • 枚举:enum类型是对JavaScript标准数据类型的一个补充。像C#等其他语言一样,使用枚举类型可以为一组数值赋予友好的名字。

高级类型

  • 函数类型
  • 对象类型
  • 泛型
  • 联合类型
  • 交叉类型

TypeScript工程应用

WebPack和Node

WebPack

  1. 配置webpack loader相关配置
  2. 配置tsconfig.js文件
  3. 运行webpack启动/打包
  4. loader处理ts文件的时候,会进行编译与类型检查