在 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ǔ)法斷言是被允許的。