TypeScript数据类型及其声明方式

总所周知 js是一种弱类型语言 对语法要求没那么苛刻 但虽然写的人舒服 但维护的人就比较难受了

TS有自己的变量声明体系
TS变量类型声明如下

1.number 数字类型 用于定义数字

 let Dom: number = 111;

确实在后端语言中 浮点类型和整数型是要区分的 但ts还没有那么严格
也就是说 你写、

let Dom: number = 111;

和

let Dom: number = 11.11;

都是可以的 TS语法不区分数字和小数点 他们都可以写成number类型

2.字符串类型String 用于定义字符串

let Dom1: String = '这是一段文字';

3.布尔类型boolean，用于声明 条件 真/假

let Dom2: boolean = true;

这让我觉得之后可能前端语法的判断也会变的严谨起来 但那样很多人估计是要吐槽喽

4.数组类型Array，声明数组类型

声明数组有两种方式
例如例如 我们要声明一个全是数字的数组

let Dom3: number[] = [1,2,3,4];console.log(Dom3);let Dom4: Array<number> = [1,2,3,4];console.log(Dom4);

个人觉得第二种会看着跟漂亮 Array<数据类型> 有点泛型的感觉了 但很多人就会想了 那之后 我声明字符串 数组里就只能有字符串 声明布尔就只能有布尔了吗 ？
万一我都不知道这个数组里有哪些类型呢？
别急 你想到的问题 官方也想到了 让我请出大佬

5.任意类型any 声明类型不做限制

在前面声明一个any 那这个变量 就 你想怎么赋值就怎么赋值 看到这个我知道有些懒人在想什么 要是全部写成any那你还搞什么规范 还不如回去写你的js呢
不过用any泛型数组 有些场景下确实可以解决问题

let Dom5: Array<any> = [1,'111',true,4];

6.对象类型Object，用于声明对象

let Dom6: Object = {name: '小猫猫',age: 1};

7.枚举类型enum 用于定义枚举转换数据

例如

enum Dom7 {name='小猫猫',age= 1}
console.log(Dom7['name']);  //输出小猫猫

这个时候就会输出小猫猫
获奖会给前端交互处理枚举数据带来新的精彩

还有两种预防报错的类型

8.缺失类型 undefined 和 null

当然这种我们肯定都不会把类型直接声明成他们 只是有时后端交互数据确实没去到或者没有 又没什么办法
那比如我们要从后端获取一个数字number类型的数据 但如果后端没去到就会返回undefined给我们 我们就可以这样写

let Dom: number | undefined = data.com;

这样他就可以成为数字类型 或undefined
数据空 null也是同理

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！