Ts在项目中的使用笔记之常用类型

一、常用类型

• 字符串 string

const str: string = 'typeScript';
const name: string = `李雷`;
const sentence: string = `hello, my name is ${name}`
复制代码

• 数字类型 number

const num: number = 12;
复制代码

• 布尔类型 boolean

const isDone:boolean = false;
复制代码

• 数组类型 array

第一种方式定义数组: 直接在类型后边加上[],由此表示类型元素组成一个数组。

const arr: number[] = [1,2,3,4];
复制代码

第二种方式定义数组：使用数组泛型，Array<元素类型>。

const arr: Array<number> = [1,2,3,4];
复制代码

• 元组 Tuple

元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。比如你可以定义一对值分别为string和number类型的元组。

// 声明元组类型
let a: [string, number];
// 初始化a
a = ['a', 10];
// Initialize it incorrectly 
a = [10, 'a']; // Error
复制代码

当访问一个已知索引的元素，会得到正确的类型：

console.log(a[0].substr(1)); // OK 
console.log(a[1].substr(1)); // Error, 'number' does not have 'substr'
复制代码

当访问一个越界元素，会使用一个联合类型替代：

x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型 
console.log(x[5].toString()); // OK, 'string' 和 'number' 都有 toString 
x[6] = true; // Error, 布尔不是(string | number)类型
复制代码

• 枚举 enum

enum类型是对JavaScript标准数据类型的一个补充。 像C#等其它语言一样，使用枚举类型可以为一组数值赋予友好的名字。

enum Color { Red, Green, Blue };
let c: Color = Color.Blue;
复制代码

默认情况下，从0开始为元素编号。 你也可以手动的指定成员的数值。 例如，我们将上面的例子改成从 1开始编号：

enum Color {Red = 1, Green, Blue} 
let c: Color = Color.Green;
复制代码

或者，可以全部手动赋值：

    enum Color { Red = 1, Green = 2, Blue = 3 };
    let c: Color = Color.Green;
复制代码

枚举类型提供一个便利是你可以由枚举的值得到枚举的名字：

enum Color {Red = 1, Green, Blue} 
let colorName: string = Color[2]; 
console.log(colorName); // 显示'Green'因为上面代码里它的值是2
复制代码

• Any

有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容，比如来自用户输入或第三方代码库。 这种情况下，我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any类型来标记这些变量：

• Void

某种程度上来说，void类型像是与any类型相反，它表示没有任何类型。当一个函数没有返回值时，你通常见到他的返回值是 viod。

声明一个void类型的变量没有什么大用，因为你只能为它赋予undefined和null：

• Null 和 undefined

TypeScript里，undefined和null两者各自有自己的类型分别叫做undefined和null。 和 void相似，它们的本身的类型用处不是很大：

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

默认情况下null和undefined是所有类型的子类型。 就是说你可以把 null和undefined赋值给number类型的变量。

然而，当你指定了--strictNullChecks标记，null和undefined只能赋值给void和它们各自。 这能避免 很多常见的问题。 也许在某处你想传入一个 string或null或undefined，你可以使用联合类型string | null | undefined。 再次说明，稍后我们会介绍联合类型。

注意：我们鼓励尽可能地使用--strictNullChecks.

• Never

never类型表示的是那些永不存在的值的类型。 例如， never类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型； 变量也可能是 never类型，当它们被永不为真的类型保护所约束时。

never类型是任何类型的子类型，也可以赋值给任何类型；然而，没有类型是never的子类型或可以赋值给never类型（除了never本身之外）。 即使 any也不可以赋值给never。

下面是一些返回never类型的函数：

// 返回never的函数必须存在无法达到的终点
function error(message: string): never {
    throw new Error(message);
}

// 推断的返回值类型为never
function fail() {
    return error("Something failed");
}

// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {
    while (true) {
    }
}
复制代码

• 对象类型 object

object 是非原始类型，除了number、string、bollean、symbol、null或undefined之外的类型。

type User = {
    name: string,
    age: number,
    isBoy: bollean
}

const user: User = {
    name: '李雷',
    age: 18,
    isBoy: true
}
复制代码

• 函数类型 function

type Fn = (n: number) => number;
const fn: Fn = num => ++num;

let add: (x: number, y: number) => number = function(x: number, y:number){return x + y; } 
复制代码