无知而弱小的我:
之前的公司一直使用的vue + js,后续有一个小小的项目启动,当时想学习ts,又因为项目我一个人全权负责,就啃了文档最终用ts完成了,高兴的不行,自以为会的ts应该够用了…然后我换工作了,新公司的大佬们让我知道,我的ts只会个边边。
所以无知又弱小的我,准备开一个ts学习笔记,把我在每天读代码写代码的过程中,不清楚的模糊的知识点记录下来~
一、基础类型
1、enum 枚举类型
- 为什么用枚举类型?
看下面的代码,数据库中 status 值为0或1表示是否是开启状态,不同的状态做不同的操作,会引发如下问题:- 代码可读性差,因为很难记住每个变量的值对应的状态;
- 代码不好维护,如果status的值变为3或4了,要全局修改代码了;
- 枚举类型
enum类型是对JavaScript标准数据类型的一个补充,使用枚举类型可以为一组数值赋予友好的名字
,所以上述的代码可以这样写。
enum Status {
open = 1,
close = 0
}
@Component
export default class List extends tsx.Component<{}> {
status: Status = Status.close
handleCallback() {
if (this.status === Status.open) {
// do sth
} else if (this.status === Status.close) {
// do sth
} else {
// do sth
}
}
}