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
- 配置webpack loader相关配置
- 配置tsconfig.js文件
- 运行webpack启动/打包
- loader处理ts文件的时候,会进行编译与类型检查