TypeScript学习(逐渐更新)

无知而弱小的我:
       之前的公司一直使用的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
        }
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章