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=[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)

上一篇

vue-router和react-router的区别

下一篇

如何在TS中对函数的返回值进行类型约束