1. 程式人生 > 其它 >Typescript 的資料型別介紹

Typescript 的資料型別介紹

Typescript 的資料型別介紹

Typescript 中為了使編寫的程式碼更規範,更有利於維護,增加了型別校驗

布林型別(boolean)

var flag:boolean = true

如果給布林型別賦值字串,編譯會報錯

數字型別(number)

var num:number = 123
num = 12.3

數字型別包含 整數 和 浮點 型

字串型別(string)

var str:string = "123"

陣列型別(array)

ts 中定義陣列有兩種方式:

1.

let arr:number[] = [1,2,345]
let arr:string[] = ['aaa','bbb','cc']

2.

let arr2:Array<number> = [11,22,33]
let arr2:Array<string> = ['aaa','bbb','cc']

元組型別(tuple) 屬於陣列的一種

let arr3:[string,number,boolean] = ['111',2222,true]

列舉型別(enum)

enum Flag {success=1, error=-1}
let f:Flag = Flag.success

enumColor{red,orange,blue=5,yellow,green=120,purple} leto:Color=Color.orange
lety:Color=Color.yellow letp:Color=Color.purple console.log(o,y,p)//16121


任意型別(any)

在對 DOM 節點進行操作的時候,就需要用到 any
letbox:any=document.getElementById("box") box.style.color='red'

null 和 undefined

varnum:number; console.log(num) // 報錯,並輸出 undefined
varnum1:undefined console.log(num1) // 不報錯,輸出undefined
//定義沒有賦值就是undefined letnum:number|undefined console.log(num)//undefined num=212 console.log(num)//212
var num:null;
num = 123; // 定義為 null 就只能賦值為 null
num = null; // 不報錯
// 一個元素可能是 number 型別,可能是 null 可能是 undefined
var num:number | null | undefined
num = 123
num = null
num = undefined

void 型別

functionrun():void{ console.log(123) } 這樣寫是正確的,方法沒有返回任何型別 functionrun():number{ console.log(123) return123 } 如果函式返回值是 number ,那麼必須 return 一個 number ,否則會報錯

never 型別

是其他型別(包括 null 和 undefined )的子型別,代表從不會出現 的值。這意味著宣告 never 的變數只能被 never 型別所賦值。