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
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
TS(TypeScript)是一种静态类型检查的高级编程语言,它是JavaScript的超集。在TS中,基础类型和泛型都是其重要的概念。 基础类型指的是TS中预定义的简单数据类型,例如:number、string、boolean、null、undefined等。基础类型用于表示变量或函数的数据类型,可以直接赋值给变量,也可以用作函数的参数和返回值类型。基础类型的定义和使用非常简单,只需要在变量或函数的类型声明中指定即可。 泛型(Generic)是一种在编程中广泛使用的概念,它允许我们在定义函数、类或接口时使用可变的类型。使用泛型可以提高代码的复用性和灵活性。在TS中,使用<>符号来声明使用泛型,并通过类型参数来指定具体的类型。 例如,定义一个泛型函数: function identity<T>(arg: T): T { return arg; } 这个函数使用了泛型类型参数T,可以接受不同类型的实参,并返回相同类型的值。通过使用泛型,我们可以传入任意类型的参数,而不需要重写多个函数。 另外,在TS中还可以使用泛型约束来限制泛型类型的操作。通过在泛型类型参数后面添加extends关键字和约束类型,可以确保传入的类型必须满足特定条件。 总结起来,TS中的基础类型和泛型都是为了增强代码的可读性、可维护性和可靠性而设计的。基础类型用于定义简单的数据类型,而泛型则用于创建更灵活和可复用的函数、类和接口。在实际开发中,合理使用基础类型和泛型,可以提高代码的质量和开发效率。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Realistic-er

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值