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
        }
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章