ts的变量类型和声明
ts和js之间的一个区别就是,js你在敲代码的过程中,即便你的语法出现错误,他不会提示你,但是ts察觉到错误之后,会马上高诉你
这是ts的一个学习笔记的记录,数据类型有
1.布尔值:boolean,2.数字类型:number,3.字符串:string,4.数组:array,5.对象:
为什么要回复这些基础的知识,因为ts的定义变量的方式与js还是有点区别的:
ts定义变量结构:let 变量名称:变量类型 = 变量值
(1)布尔值,字符串
let isDone: boolean = false;
let name: string = "bob";
(2)数组
let 变量名称:元素类型[ ] = 数组
let list:number[] = [1,2,3]
let 数组名称:Array<元素类型> = 数组
let list1:Array<number> = [1,2,3]
(3)枚举是ts语言的一个新的数据类型,他起的效果是
将red,green,blue与0,1,2一一建立起对应关系
enum Color {
red,green,blue
}
如何使用:
let 变量名称:枚举名称 = 枚举名称.枚举元素,按照一下使用的方式,你拿到的是这些枚举元素所对应的数字映射值,
let b:Color = Color.red
console.log(b)
let c:Color = Color.green
console.log(c)
这个使用枚举元素的时候尽量这样写:
以下写法我在声明变量的时候还规定了类型,报错了
let d:string = Color.green
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-utsZTkNe-1631529742744)(/Users/nreal/Library/Application Support/typora-user-images/image-20210913182328956.png)]
你也可以这样使用
let 变量名称:变量类型 = 枚举名称[映射值]
let d:string = Color[1]
console.log(d)
其实相当于数组的使用吧,第一种是通过枚举元素拿到他们对应的映射值,第二种通过他们的映射值拿到枚举元素,注意两者之间的区别,第一种变量名还差呢个后边跟的是枚举枚举名称,第二种变量名称后边跟的是变量类型。这种新型的数据类型我不知道有啥用,两三个月公司的官网项目好像用到过。
(5)any类型
any的作用是在ts进行编译的时候,移除类型检查
let 变量名称:any = 变量
let e:any = [1,2,2]
console.log(e)
let f:any = true
let g:any = "123"
let h:any = 234