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

基本数据类型：

ts是js的语法超集，他添加了静态类型； 我们先看看js（下图左）与ts（下图右）声明一个基本变量 的写法

可以看到，语法很容易理解，ts在声明变量时就要声明数据类型 然后我们再看一下对象类型：

然后就是函数类型：改动不算大，在形参位置的参数不像js一样直接放，而是要定义类型如：（x:number,y:string），并且在括号后面要加上一个冒号，后跟着返回值的类型，如图：

函数重载：

数组类型：

上部分为定义数据类型，在下面就是赋值 最后就是ts的补充类型：如图：

图中有提到一个泛型：

还有就是我们可以指定字符串/数字必须的固定值：

在工程化项目中使用：

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

使用TSC编译

1. 安装node与npm
2. 配置tsconfig.js文件
3. 使用npm安装tsc
4. 使用tsc运行编译得到的js文件

这些就是关于ts基础，更细节的附上官方文档链接：

https://www.typescriptlang.org/zh/