欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ts的变量类型和声明

程序员文章站 2022-03-09 10:53:19
...

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
相关标签: t s javascript