这是我参与「第四届青训营 」笔记创作活动的第9天
这节青训营的课程老师讲解了一下有关JS超集typescript(简称TS)的知识,以下是我的一些课堂笔记。
为什么是typescript
- JavaScript:
- 动态类型
- 弱类型语言
- typescript
- 静态类型
- 弱类型语言
- 静态类型的概述:
- 可读性增强:基于语法解析TSDoc,ide增强
- 可维护性增强:在编译阶段暴露大部分错误,多人合作的大型项目中,获得更好的稳定性和开发效率
- JS的超集:
- 包含于兼容所有JS特性,支持共存
- 支持渐进式引入与升级
- TS的常用类型:
- 联合类型: A | B ;联合类型表示一个值可以是几种类型之一
- 交叉类型: A & B ;多种类型叠加到一起成为一种类型,它包含了所需的所有类型特性
- 函数类型: 函数类型的概念就是函数的参数和返回值的类型。
- 对象类型: TS中对象的类型就是在描述对象的结构(有什么类型的属性和方法)
- 接口: 当一个对象类型被多次使用的时候,一般会使用接口(interface)用来描述对象的类型,从而达到复用的目的。
- 元组 :元组类型是另一种类型的数组,它可以准确的知道包含多少个元素,以及特定索引对于的类型。
typescript工程应用 - web
webpack
- 配置webpack loader相关配置
- 配置tsconfig.js文件
- 运行webpack启动/打包
- loader处理ts文件的时候,会进行编译与类型检查
相关loader:
- awesome-typescript-loader
- babel-loader
typescript工程应用 - Node
- 安装node与npm
- 配置tsconfig.js文件
- 使用npm安装tsc
- 使用tsc运行编译得到js文件
以上就是这节青训营讲解的typescript的大致内容了,之后还会讲解react