TypeScript（ts）學(xué)習(xí)筆記（二）：基礎(chǔ)類型

布爾類型

我們用 boolean 來表示布爾類型（開頭是小寫的）

const flag: boolean = false;

數(shù)字類型

let binaryLiteral: number = 0f0f0f; // 二進制
let octalLiteral: number = 0o744; // 八進制
let decLiteral: number = 111; // 十進制
let hexLiteral: number = 0xf00d; // 十六進制

字符串類型

const name: string = "hello world";

數(shù)組類型

有兩種方式可以定義數(shù)組。第一種血久，可以在元素類型后面接上 []沧侥，表示由此類型元素組成的一個數(shù)組：

const arr: number[] = [1, 2, 3]

第二種方式是使用數(shù)組泛型，Array<元素類型>：

const arr: Array<string> = ['4','5','6']

元組（Tuple）

元組類型與數(shù)組類型非常相似，元組表示一個已知元素數(shù)量和類型的數(shù)組龄恋，各元素的類型可以不同：

let x: [string, number] = ['1', 2]; // OK
x = [10, 'hello']; // Error
x[2] = 3; // Error
x.push(3); // OK
console.log(x[3]); // Error

枚舉（enum）

枚舉類型是對JavaScript標(biāo)準(zhǔn)數(shù)據(jù)類型的一個補充。像其它語言一樣凶伙，使用枚舉類型可以為一組數(shù)值賦予友好的名字郭毕。

數(shù)字枚舉

enum Color { Red, White, Blue }
let c: Color = Color.White
console.log(c); // 1

默認是數(shù)字類型，并且從0開始累加函荣，修改其中某個值显押，后面會根據(jù)前一個值進行累加：

enum Color { Red = 1, White, Blue }
let c: Color = Color.White
console.log(c); // 2

enum Color { Red, White=2, Blue = 1, Green }
console.log(Color); // 0 2 1 2

字符串枚舉

枚舉的值為字符串類型

enum Direction {
    North = "North",
    South = "South",
    East = "East",
    West = 'North',
}
console.log(Direction['Down']); // South
console.log(Direction.Left); // North

異構(gòu)枚舉

枚舉的值是數(shù)字和字符串的混合

enum Person {
  age = 20,
  name = "zhangsan"
}

反向映射

enum Person {
  age = 20,
  name = "zhangsan"
}
console.log(Person.age); // 20
console.log(Person[20]); // 'age'
console.log(Person['zhangsan']); // Error （數(shù)字類型才有反向映射）

為什么數(shù)字枚舉具有反向映射的特性，我們看一下編譯之后的JavaScript就知道了

var Person;
(function (Person) {
    Person[Person["age"] = 20] = "age";
    Person["name"] = "zhangsan";
})(Person || (Person = {}));

常量枚舉

const enum enum1 {
    a = "A",
    b = "B"
}
console.log(enum1['a']); // A
console.log(enum1['b']); // B

編譯之后的JavaScript

console.log("A" /* 'a' */);
console.log("B" /* 'b' */);

Any類型

any類型是TypeScript針對編程時類型不明確的變量使用的一種數(shù)據(jù)類型：

let notSure: any = 4;
notSure = "hello world";
notSure = false;

包含不同類型數(shù)據(jù)的數(shù)組：

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

Void

它表示沒有任何類型傻挂。當(dāng)一個函數(shù)沒有返回值時乘碑，通常它的返回值類型是 void：

function say(): void{
  console.log( "hello world!" )
}

只有undefined和null可以賦給void

Undefined 和 Null

undefined和null兩者各自有自己的類型分別叫做undefined和null，和void相似金拒，它們的本身的類型用處不是很大：

let u: undefined = undefined;
let v: void = void;

我們在正式項目最好啟用 --strictNullChecks 蝉仇，即 undefined和 null只能賦值給 any void 和它們自己。

Never

never 代表永遠不存在的值殖蚕，是其它任何類型的子類型轿衔。這意味著聲明為never 類型的變量只能被 never類型所賦值，在函數(shù)中它通常表現(xiàn)為拋出異衬酪撸或無法執(zhí)行到終止點（例如無限循環(huán)）：

function loop(): never {
    while (true) {}
}
function error(message: string): never {
    throw new Error(message);
}

Object

object表示非原始類型害驹，也就是除了number，string蛤育，boolean宛官，symbol，null或undefined之外的類型瓦糕。

let obj: object|null;
obj = enum2; // 枚舉 ok
obj = 2; // Error
obj = "haha"; // Error
obj = null; 
obj = {name:"zhangsan"}

Unknow

unknown 是 TypeScript 3.0 引入的新類型底洗，是any 類型對應(yīng)的安全類型。
和any類型一樣咕娄，它可以是任何類型：

let value: any; 
value = 1;  // OK
value = "2"; // OK
value = [1, 2, 3]; // OK
value = null; // OK

let value: unknow; 
value = 1; // OK
value = "2"; // OK
value = [1, 2, 3]; // OK
value = null; // OK

但是當(dāng) unknown 類型被確定是某個類型之前,它不能被進行任何操作：

let value: any; 
value(); // OK
value[0]; // OK
value.name; // OK
new value(); // OK

let value: unknow; 
value(); // Error
value[0]; // Error
value.name; // Error
new value(); // Error

any由于過于靈活的設(shè)定亥揖，導(dǎo)致它與 JavaScript沒有太多區(qū)別，很容易產(chǎn)生一些低級錯誤圣勒，所以在很多場景下我們可以選擇unknown 來代替any费变。