TS 基本類型

在 TS 中,用 let 生命的變量需要指定類型

boolean 類型:

let isDone: boolean = false;

Number 類型:

支持十六進(jìn)制、十進(jìn)制、八進(jìn)制和二進(jìn)制;

let decimal: number = 6;//十進(jìn)制
let hex: number = 0xf00d;//十六進(jìn)制
let binary: number = 0b1010;//二進(jìn)制
let octal: number = 0o744;//八進(jìn)制

String 類型:

也可以用單引號(hào)或雙引號(hào)去包裹 string 數(shù)據(jù);

let color: string = "blue";
color = 'red';

如果字符串和變量拼接或者換行的話可以使用「`」(反引號(hào))來包裹整個(gè)數(shù)據(jù),內(nèi)部變量通過 ${ expr }方式導(dǎo)入

let myName: string = "June";
let myAge: number = 21;
let mySay: string = `Hello, my name is ${ myName }.

I'll be ${ myAge + 1 } years old next month.`;

相當(dāng)于:

let mySay: string = "Hello, my name is " + myName + ". \n\n" + "I'll be " + (age + 1) + " years old next month.";

Array 類型:

兩種定義方式:

  • 基本數(shù)據(jù)類型加上 [] 定義數(shù)組
  • 數(shù)組類型加<基本類型>定義數(shù)組
let list: number[] = [1, 2, 3, 4];
let list: Array<number> = [1, 2, 3, 4];

Tuple 類型:(數(shù)組)

允許你表達(dá)一個(gè)固定數(shù)量的元素類型是已知的數(shù)組,比如你想表達(dá)一對(duì)字符串和數(shù)字的值;
意思就是初始化數(shù)組的時(shí)候前面的數(shù)據(jù)必須和指定的元素類型和順序一致,超出指定數(shù)量的只限定類型,不限定順序;

let x: [string, number];//聲明一個(gè)數(shù)組類型
x = ["hello", 10];//OK 初始化
x = [10, "hello"];//Error 錯(cuò)誤的初始化
x[3] = "world";//OK, 'string' can be assigned to 'string | number'
x[4] = true;//Error, 'boolean' isn't 'string | number'

Enum 類型:(列舉,枚舉)

枚舉是一種更友好的名稱數(shù)值集
默認(rèn)的,枚舉里面分子的開始數(shù)字是0,你可以手動(dòng)的設(shè)置第一個(gè)值得數(shù)字來改變其開始數(shù)字;

enum Color { Red = 2, Green, Blur }
let c: Color = Color.Green;
console.log(c);// 3

也可以設(shè)置所有你想自己設(shè)置的值對(duì)應(yīng)的數(shù)字
沒設(shè)置的值對(duì)應(yīng)數(shù)字會(huì)從前面一個(gè)值遞增

enum Color { Red = 2, Green = 4, Black, Blue = 8 }
let c: Color = Color.Green;
console.log(c);// 4
let d: Color = Color.Black;
console.log(d);// 5

甚至你可以通過數(shù)字值去獲取枚舉中的值

enum Color { Red = 2, Green = 4, Black, Blue = 8 }
let e: string = Color[]4;
console.log(e);// Green

Any 類型:(任何)

沒有強(qiáng)制限定哪種類型,隨時(shí)切換類型都可以

let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false;

相比于對(duì)象,也可調(diào)用其中的方法
對(duì)象類型的變量只允許你給它賦值,不能調(diào)用它的任意方法,即使這個(gè)方法是存在的

let notSure: any = {abc: 4, ddd: function(){ return true; }};
console.log(notSure.ddd());// true
let object: Object = 4;
object = { toFixed: function() { return 123; } };
console.log(object.toFixed());// Error: Property 'toFixed' doesn't exist on type 'object';

當(dāng)你知道部分類型但是不全的時(shí)候也可使用 any 類型

let list: any[] = [1, true, "free"];
list[1] = 100;

Void 類型:

有點(diǎn)和 any 類型相反,意思為沒有任何類型;
通??梢暈椴环祷刂档姆祷仡愋?/p>

function warnUser(): void {
  alert("this is my warning message");
}

不適合用來聲明變量,因?yàn)橹荒苡脕砺暶?undefined 和 null;

let unusable: void = undefined;

Null and Undefined 類型:

事實(shí)上 null 和 undefined 有它們各自的類型名,就是 null 和 undefined
他們只能用來聲明自己

let u: undefined = undefined;
let n: null = null;
  • 默認(rèn)的 null 和 undefined 是其他類型的子類型
  • 意味著你可以將 null 和 undefined 賦值給其他所有類型如 number
  • 然而,當(dāng)使用 -- strictNullChecks 標(biāo)記的時(shí)候,它們只能被分配給 void 和它們自己的類型
  • 這對(duì)驗(yàn)證很多公共錯(cuò)誤很有幫助
  • 當(dāng)你要通過 string、null 和 undefined 中任一個(gè)的驗(yàn)證時(shí),可用聯(lián)合類型 string | null | undefined 來校驗(yàn)

Never 類型:

  • 表示用不存在值得類型
    例如:是那些總是拋出異常或不會(huì)有返回值的函數(shù)表達(dá)式或箭頭函數(shù)表達(dá)式的返回類型
    變量也可能是 never 類型,當(dāng)它們被永不為真的類型所約束時(shí)
  • 是任何類型的子類型,也可以賦值給任何類型
  • 沒有類型是 never 類型的子類型,除了 never 類型外沒有類型可以賦值給 never 類型(包括 any)
// 返回never的函數(shù)必須存在無法達(dá)到的終點(diǎn)
function error(message: string): never {
    throw new Error(message);
}
// 推斷的返回值類型為never
function fail() {
    return error("Something failed");
}
// 返回never的函數(shù)必須存在無法達(dá)到的終點(diǎn)
function infiniteLoop(): never {
    while (true) {
    }
}

assertions 類型:(斷言)

  • 有時(shí)候會(huì)出現(xiàn)一種情況,你會(huì)比 TypeScript 更了解某個(gè)值得信息
    這通常會(huì)發(fā)生在你知道一個(gè)實(shí)體具有比它現(xiàn)有類型更確切的類型
  • 斷言類型是一種告訴編譯器「相信我,我知道我在做什么」的方法
  • 斷言類型就好比其他語(yǔ)言的類型轉(zhuǎn)換,但是不進(jìn)行特殊的數(shù)據(jù)校驗(yàn)和重組
  • 它沒有運(yùn)行時(shí)的影響,只在編譯階段起作用,TypeScript 會(huì)假設(shè)你已經(jīng)進(jìn)行了必須的檢查

斷言類型有兩種形式:
一種是「尖括號(hào)」語(yǔ)法

let someValue: any = "this is a string";
let strLength: number = (<string>someValue).length;

另外一種是 as 語(yǔ)法

let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

兩種形式是等價(jià)的。 至于使用哪個(gè)大多數(shù)情況下是憑個(gè)人喜好;然而,當(dāng)你在 TypeScript 里使用 JSX 時(shí),只有 as 語(yǔ)法斷言是被允許的。

最后編輯于
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,602評(píng)論 19 139
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,682評(píng)論 0 4
  • 請(qǐng)為我唱一首出塞曲,給我遠(yuǎn)行的勇氣,不再一路回望過往。請(qǐng)?jiān)贋槲覐椧磺鷱V陵散,了卻前半生愛斷情傷。
    霧雨冰寒閱讀 226評(píng)論 0 0
  • 上周一就給大家說兩會(huì)之后大盤要調(diào)整 但是沒想到來得這么猛烈,盤中一步到位。 在我們的股票池,調(diào)整顯得非...
    聽濤雨容閱讀 968評(píng)論 0 27

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