iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
0
Modern Web

Angular10 實作教學系列 第 7

NG10鐵人賽 - 7 - 型別介紹 - interface、class、enum

  • 分享至 

  • xImage
  •  

簡介

TypeScript 最重要的就是定義型別,好處就是有 intellisense (智能感知),只要把物件寫出來 「.」後面就有選項可以直接選擇,既方便又正確

一、interface

定義「物件」需要有什麼「屬性型別」、「方法」;算是最常使用的型別

ts

interface AnimalInterface {
    hp: number;
    call(): void;
}

二、class

用於物件化的一個物件,初始化(constructor)初始屬性,調用物件的方法或屬性;寫到現在發現「物件化」其實也間接的減少重複 code 的使用

ts

class Dog{
    constructor(public hp: number) {}

    call() {
        console.log("旺旺");
    }
}

三、enum

定義文字對照數字,無特別定義從 0 開始;自己大多用於 API 代碼對應使用

ts

enum AnimalEnum {
    Dog,
    Cat,
    Tiger
}

// AnimalEnum.Dog // 結果:0 (number)
// AnimalEnum[AnimalEnum.Dog] // 結果:Dog (string)

上一篇
NG10鐵人賽 - 6 - 添加 API 的 Request Header 欄位
下一篇
NG10鐵人賽 - 8 - 型別介紹 - type
系列文
Angular10 實作教學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言