# 【Typescript】原始資料型別 在 javascript 中,資料分為原始資料型別與物件型別。 原始資料型別:boolean, number, string, null, undefined, symbol(ES6),本篇會介紹前五種的資料型別。 ## boolean true、false ```ts= let isDone: boolean = false; ``` 使用 Boolean() 建構的並非 boolean,而是一個物件 ```ts= let createdByNewBoolean: boolean = new Boolean(1); ``` new => 物件 ```ts= let createdByNewBoolean: Boolean = new Boolean(1); ``` 直接呼叫 => 型別 ```ts= let createdByBoolean: boolean = Boolean(1); ``` ## number ```ts= let decLiteral: number = 6; let hexLiteral: number = 0xf00d; // ES6 中的二進位制表示法 let binaryLiteral: number = 0b1010; // ES6 中的八進位制表示法 let octalLiteral: number = 0o744; let notANumber: number = NaN; let infinityNumber: number = Infinity; ``` 編譯結果(k 進制會被編譯成 10 進制): ```ts= var decLiteral = 6; var hexLiteral = 0xf00d; // ES6 中的二進位制表示法 var binaryLiteral = 10; // ES6 中的八進位制表示法 var octalLiteral = 484; var notANumber = NaN; var infinityNumber = Infinity; ``` ## string ```ts= let myName: string = 'Tom'; let myAge: number = 25; let sentence: string = `Hello, my name is ${myName}. I'll be ${myAge + 1} years old next month.`; ``` 編譯結果: ```ts= var myName = 'Tom'; var myAge = 25; // 範本字串 var sentence = "Hello, my name is " + myName + ".\nI'll be " + (myAge + 1) + " years old next month."; ``` ## void 空值,在 js 中沒有這個資料型別,但是在 ts 中可以用 void 表示函式回傳為空 ```ts= function alertName(): void { alert('My name is Tom'); } ``` 宣告在變數上沒什麼用 ```ts= let unusable: void = undefined; ``` ## null and undefined ```ts= let u: undefined = undefined; let n: null = null; ``` null 與 undefined 是所有型別的子型別,也就是說任何型別的值都可以是 null 或 undefined。 ```ts= // 這樣不會報錯 let num: number = undefined; ``` ```ts= // 這樣也不會報錯 let u: undefined; let num: number = u; ``` 錯誤: ```ts= let u: void; let num: number = u; // Type 'void' is not assignable to type 'number'. ``` [null 和 undefined 的區別](https://snh90100.medium.com/javascript%E4%B8%ADundefined%E5%92%8Cnull%E7%9A%84%E5%B7%AE%E5%88%A5-1f48e9be5e02)
{"description":"在 javascript 中,資料分為原始資料型別與物件型別","title":"【Typescript】原始資料型別","contributors":"[{\"id\":\"5e26c66d-5ac6-4b0e-accd-3b5bb90a4d07\",\"add\":1905,\"del\":1}]"}
Expand menu