TypeScript的原始數(shù)據(jù)類型

本文摘自

https://ts.xcatliu.com/basics/primitive-data-types


原始數(shù)據(jù)類型

JavaScript 的類型分為兩種:原始數(shù)據(jù)類型(Primitive data types)和對(duì)象類型(Object types)。

原始數(shù)據(jù)類型包括:布爾值、數(shù)值、字符串、null、undefined 以及 ES6 中的新類型 Symbol。

本節(jié)主要介紹前五種原始數(shù)據(jù)類型在 TypeScript 中的應(yīng)用。

布爾值

布爾值是最基礎(chǔ)的數(shù)據(jù)類型,在 TypeScript 中,使用 boolean 定義布爾值類型:

let isDone:  boolean  =  false;

// 編譯通過(guò)
// 后面約定,未強(qiáng)調(diào)編譯錯(cuò)誤的代碼片段,默認(rèn)為編譯通過(guò)

注意,使用構(gòu)造函數(shù) Boolean 創(chuàng)造的對(duì)象不是布爾值:

let createdByNewBoolean:  boolean  =  new  Boolean(1);

// Type 'Boolean' is not assignable to type 'boolean'.
//   'boolean' is a primitive, but 'Boolean' is a wrapper object. Prefer using 'boolean' when possible.

事實(shí)上 new Boolean() 返回的是一個(gè) Boolean 對(duì)象:

let createdByNewBoolean: Boolean =  new  Boolean(1);

直接調(diào)用 Boolean 也可以返回一個(gè) boolean 類型:

let createdByBoolean:  boolean  =  Boolean(1);

在 TypeScript 中,boolean 是 JavaScript 中的基本類型,而 Boolean 是 JavaScript 中的構(gòu)造函數(shù)。其他基本類型(除了 nullundefined)一樣,不再贅述。

數(shù)值

使用 number 定義數(shù)值類型:

let decLiteral:  number  =  6;
let hexLiteral:  number  =  0xf00d;
// ES6 中的二進(jìn)制表示法
let binaryLiteral:  number  =  0b1010;
// ES6 中的八進(jìn)制表示法
let octalLiteral:  number  =  0o744;
let notANumber:  number  =  NaN;
let infinityNumber:  number  =  Infinity;

編譯結(jié)果:

var decLiteral =  6;
var hexLiteral =  0xf00d;
// ES6 中的二進(jìn)制表示法
var binaryLiteral =  10;
// ES6 中的八進(jìn)制表示法
var octalLiteral =  484;
var notANumber =  NaN;
var infinityNumber =  Infinity;

其中 0b10100o744ES6 中的二進(jìn)制和八進(jìn)制表示法,它們會(huì)被編譯為十進(jìn)制數(shù)字。

字符串

使用 string 定義字符串類型:

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.`;

編譯結(jié)果:

var myName =  'Tom';
var myAge =  25;
// 模板字符串
var sentence =  "Hello, my name is "  + myName +  ".\nI'll be "  +  (myAge +  1)  +  " years old next month.";

其中 ``` 用來(lái)定義 ES6 中的模板字符串,${expr} 用來(lái)在模板字符串中嵌入表達(dá)式。

空值

JavaScript 沒(méi)有空值(Void)的概念,在 TypeScript 中,可以用 void 表示沒(méi)有任何返回值的函數(shù):

function  alertName():  void  {
 alert('My name is Tom');
}

聲明一個(gè) void 類型的變量沒(méi)有什么用,因?yàn)槟阒荒軐⑺x值為 undefinednull

let unusable:  void  = undefined;

Null 和 Undefined

在 TypeScript 中,可以使用 nullundefined 來(lái)定義這兩個(gè)原始數(shù)據(jù)類型:

let u: undefined = undefined;
let n:  null  =  null;

void 的區(qū)別是,undefinednull 是所有類型的子類型。也就是說(shuō) undefined 類型的變量,可以賦值給 number 類型的變量:

// 這樣不會(huì)報(bào)錯(cuò)
let num:  number  = undefined;
// 這樣也不會(huì)報(bào)錯(cuò)
let u: undefined;
let num:  number  = u;

void 類型的變量不能賦值給 number 類型的變量:

let u:  void;
let num:  number  = u;

// Type 'void' is not assignable to type 'number'.

參考

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容