TypeScript学习系列（一）基本类型

声明：本学习系列参考了TypeScript3.3英文版官网教程。

基本类型

在typescript中支持的基本类型要比es6要丰富的多，例如一些用js比较难以实现的enum类型，大致包括了以下类型：

• Boolean
• Number
• String
• Array
• Tuple
• Enum
• Any
• Void
• Null and Undefined
• Never
• Object

1、Boolean

只可以指定true和false

let isDone: boolean = false;

2、Number

所有的数字在typescript中都是浮点数，typescript的number类型支持16进制，10进制，8进制，2进制。

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

3、String

使用''或者""括起来，也可以使用es6的模版字符串语法。

let  color: string = "blue";
let sentence: string = `Hello, my color is ${ color }.`

4、Array

可以使用两种方式创建数组

let list1: number[] = [1,2,3];
let list2: Array<number> = [1,2,3];

5、Tuple(元组)

元组可以让你表示一个混合类型的数组

let x: [string, number] = ['hello', 10];
console.log(x[0].substr(1)); // OK
console.log(x[1].substr(1)); // Error, 'number' does not have 'substr'
x[3] = "world"; // OK, 'string' can be assigned to 'string | number'
x[6] = true; // Error, 'boolean' isn't 'string | number'

6、Enum

和java一样，enum提供了一种友好的使用名字来代表数字的方式。
enum默认从0开始，你也可以指定一个数字

enum Color { Red, Green, Blue }
let c: Color = Color.Green;
//或者
enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;
//或者
enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;

你也可以从一个数字得到它的名字

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];

console.log(colorName); // Displays 'Green' as its value is 2 above

7、Any

当我们想要描述一些我们在开发过程中不确定的变量时，例如从用户输入或者第三方库，我们可以使用any类型。

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

8、Void

void代表没有类型，通常见的情况是一个函数没有返回值

function warnUser(): void {
    console.log("This is my warning message");
}

声明一个void的变量是没有意义的事情，因为你只能对它赋值undefined和null

let unusable: void = undefined;

9、Null 和 Undefined

在typescript中null和undefeated分别拥有自己的类型，默认情况下null和undefined是所有其他类型的子类型，意味着你可以把其他类型的值给这两种类型。然而，当使用--strictNullChecks标志的时候，null和undefined只能赋值给void或者他们自己代表的类型，这通常会避免很多麻烦。这种情况下你可以使用联合类型string | null | undefined来代表多种类型。

// Not much else we can assign to these variables!
let u: undefined = undefined;
let n: null = null;

10、Never

never代表一种永远不会发生的值类型，例如never是一个抛出异常函数的返回值类型，这个函数永远不会返回。never是所有类型的子类型，它可以赋值给任何类型。但是没有任何类型可以赋值给它，包括它自己，甚至any也不能赋值给never。

// Function returning never must have unreachable end point
function error(message: string): never {
    throw new Error(message);
}
// Inferred return type is never
function fail() {
    return error("Something failed");
}

// Function returning never must have unreachable end point
function infiniteLoop(): never {
    while (true) {
    }
}

11、Object

任何不是number,string,boolean,symbol,null和undefined的类型都是对象类型。

declare function create(o: object | null): void;

create({ prop: 0 }); // OK
create(null); // OK

create(42); // Error
create("string"); // Error
create(false); // Error
create(undefined); // Error

12、类型断言

有时候你会比typesript更加了解自己要使用的类型，这种时候通常可以使用类型断言来告诉编译器跳过类型检查，类型断言对代码运行没有影响，纯粹是为了为编译器服务。

类型断言有两种形式，第一种是使用尖括号<>

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

第二种使用as语法

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