ts是一种基于静态类型检查的强类型语言那当然js就是一种弱类型语言

　　由于我们在浏览器中不能编译ts语言所以我们需要安装编译器

　　安装下载

　　使用npm install -g typescript进行下载

　　使用tsc进行检测是否安装成功

　　在文件中间一个js文件，然后在文件中见一个ts文件，但是直接去使用的时候会报错，需要在终端中使用tsc ./js/hello.ts，这样之后可以在当前的就是文件中自动编译一个同名js文件。

　　let num:number=20

　　console.log(num)

　　console.log("str")

　　ts支持的数据类型

　　数组

　　let arr:number[]=[1,2,3,4,5]

　　//将let定义为一个数组，每一项都是number

　　let arr:number[]=[1,2,3,4,5,"str"] //报错不能将类型string分配给类型number

　　let arr1:Array<number|string>=[1,2,3,4,5,"str"]//这样写就不会报错

　　//通过给范型添加多类型，让数组支持多种数据格式

　　元组Tuple

　　规定元素类型和规定元素数量和顺序的数组

　　特点：不要越界访问

　　定义的是什么类型写的就是什么类型，可以使用数组的下标取值，但是如果使用数组的push方法的话，虽然输出的数组中有，但是取值的话会报错可以打印出来但不建议这样写，这就说了元组的一个越界问题

　　let tu:[number,string]

　　tu=[1,"str"]

　　枚举

　　1.有限的可列举出来的命名和索引对应的类型

　　2枚举类型的优势：语义化可维护性

　　3原理：反向映射，互相指向

　　//定义了一个枚举

　　enum user{

　　admin,

　　guest,

　　develoment,

　　pm

　　}

　　console.log(user)

　　//使用user类型来定义枚举变量any

　　代表任意类型：

　　let t:any=10

　　t="str"

　　t=true

　　接口

　　跟另一个事物之间的一个媒介

　　interface userInfo{

　　name:string;

　　age:number;

　　address?:string//问号代表该属性可添加可不添加

　　}

　　function getUserInfo(u:userInfo){

　　console.log(u.name) //张三

　　}

　　let user1 = {name:"张三",age:24,address:"北京"}

　　getUserInfo(user1)

上一篇

redux-thunk是干什么的？如何使用redux-thunk？

下一篇

前端面试题——Hash和history的区别是什么？