您现在的位置是:首页 >技术杂谈 >[JavaScript转TypeScript学习之路第一弹]变量声明的变化网站首页技术杂谈

[JavaScript转TypeScript学习之路第一弹]变量声明的变化

元晖 2024-06-17 10:14:31
简介[JavaScript转TypeScript学习之路第一弹]变量声明的变化
	本章节纯属自学记录,如果有不对的地方或者还比较稚嫩的地方,可以请观众老爷轻点喷
	(喷我记得告诉我哪里有问题,不然反弹)

相对于之前JavaScript的变量声明,TypeScript的变量声明是更加严格的,可以在变量声明的时候标注变量的数据类型(但本身就是为了更好的提高代码的可读性,从而达到降低成本的功效,所以TypeScript声明变量还是最好标注变量的数据类型)

1. Number类型

let num: number = 520

2. String类型

let str: string = '清晨我见海棠花未眠,此时你应在我身边。'

3. Boolean类型

let are_you_miss_me: boolean = false

4. Array类型

let arrNum: number[] = [1, 2, 3, 4]
let arrStr: string[] = ['卿','朝' '暮']
TypeScript 对于数组的定义是可以指定数组内存放哪些数据类型的
然而数组还有这样子定义的
let arr: Array<string> = ['卿', '日', '月']

5. tuple类型

元组和数组以我目前浅薄的知识中,TypeScript中感觉元组和数组的差别不大,但是元组的使用比数组的使用更加自由,因为目前看来,Array更适合存储单一数据类型的数据。而元组支持存储多种数据类型,和JavaScript所定义的数组是近似的。
let tuple: [number, string, boolean] = [1, '为啥你还不来找我', false]
正如大家所见的,这元组的声明和数组类型的声明是不一致,数组类型声明是
let [变量名]: [数据类型][] = [值]
而元组则是
let [变量名]: [[数据类型], [数据类型]]

6. enum类型

这是一个之前没遇到过的数据类型,哪有不对的地方,大家多多指教。
enum e1 { a, b, c, d }
然后我感觉这个就是一个特殊的对象,因为它是可以用e1.a这样调用里面的值

7. void类型

和C语言一样,void则为空,一般用于函数
function test(): void {}
以此来表示该函数无返回值

8. null类型&undefined类型

和JavaScript一样使用即可
值得注意的是 let a: string 这样定义后,a的值是undefined
null的使用则是 let a: string = null

9. never类型

我是真想不到这个数据类型是怎么才能用得上的,我是真没听懂和看懂

以上则是我在变量声明做的一些总结,不对的地方,请指教。

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。