iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
自我挑戰組

從新手開始TypeScript系列 第 7

Day7-TypeScript(TS)基礎型別資料Part 2

  • 分享至 

  • xImage
  •  

今天要接續昨天的繼續介紹基礎資料型別,如下

  • Enum 型別
  • Null 型別
  • Undefined 型別
  • Any 型別
  • Void 型別

Enum 型別

使用數值鍵值(numeric key)存取,可以得到對應的值(key)
使用值(key)存取,可以得到對應的數值鍵值(numeric key)

如下,先宣告enum型別並賦予值

enum Gender{ Male , Female }

範例

  • 使用數值鍵值(numeric key)存取,可以得到對應的值(key)
    取得 數值鍵值第0個所對應的值Male
    取得 數值鍵值第1個所對應的值Female
console.log(Gender[0]) ; //取得Male
console.log(Gender[1]) ; //取得Female

範例

  • 使用值(key)存取,可以得到對應的數值鍵值(numeric key)
    取得 值Male所對應的數值鍵值第0
    取得 值Female所對應的數值鍵值第1
console.log(Gender.Male) ; //取得0
console.log(Gender.Female) ; //取得1
console.log(Gender['Male']) ; //取得0
console.log(Gender['Female']) ; //取得1

Null 型別

null型別名稱為null
代表一個空值、值未知的意思。

Undefined 型別

undefined型別名稱為undefined
代表不存在,故找不到。

Any 型別

在編譯時期跳過型別檢查(type-checking),
在撰寫程式當下要使用的型別不確定時可使用any型別,
類似JS允許使用動態型別(Dynamic Typed),

如下,變數可任意變換型別的值,都不會發生錯誤

let notCheck:any;

notCheck=100;
notCheck=“Hello";
notCheck=true;

因此應該盡量避免使用any型別
否則就失去安全型別機制的功用了。

Void 型別

表示無回傳任何類型,
通常用於函式,

如下,
使用函式時需要執行某些事件,
只需呼叫函式執行動作,
不須回傳任何值時,
則使用void來表示。

function func() : void {
    console.log("Hello") ;
}

func() ;

變數通常不會宣告void型別,無意義。

今日結語

那們基礎資料型別我就講到這裡,
我只列了幾項大家通常會用到的,
當然還有其他型別,
有興趣的再自行查閱吧,
下次開始要進入複雜型別了,
大家加油!


上一篇
Day6-TypeScript(TS)基礎型別資料Part 1
下一篇
Day8-TypeScript(TS)的介面型別(Interface)Part 1
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言