对象类型接口

接口可以用来约束对象，函数以及类的结构和类型。

定义接口

即使传入多余的字段也可以通过类型检查。

interface List {
    id: number;
    name: string;
}

interface Result {
    data: List[];
}

let render = (result: Result) => {
    result.data.forEach(value => {
        console.log(value.id, value.name)
    })
};

let result = {
    data: [
        {id: 1, name: 'A', sex: '男'},
        {id: 2, name: 'B'}
    ]
}
render(result);

绕过类型检查

类型断言

//第一种 类型断言
render({
    data: [
        {id: 1, name: 'A', sex: '男'},
        {id: 2, name: 'B'}
    ]
} as Result);

//第二种 类型断言
render({
    data: [
        {id: 1, name: 'A', sex: '男'},
        {id: 2, name: 'B'}
    ]
});

字符串索引签名
- 用任意的字符串索引list可以得到任意的结果。
- list就可以支持多个属性。

interface List {
    id: number;
    name: string;
    // 字符串索引签名
    [x: string]: any;
}

可选属性

属性后加上?，表示可选属性。

interface List {
    id: number;
    name: string;
    // 加上？ 表示可选属性
    age?: number;
}

只读属性

属性前加上readonly，表示只读属性。

interface List {
    // readonly表示只读属性，只
    readonly id: number;
    name: string;
    age?: number;
    // [x: string]: any;
}

可索引接口

数字索引接口，相当于字符串类型的数组。

interface StringArray {
    [index: number]: string
}

let chars: StringArray = ['a', 'b'];

字符传索引接口。

interface Names {
    [x: string]: string;
}

let names: Names = {'a': 'a', 'b': 'b'}

混合索引接口。注意返回的类型。

interface Names {
    [x: string]: string;
    [z: number]: string
}

let names: Names = {'a': 'a', 'b': 'b', 5: 'c'}

函数类型接口

// 第一种
type Cdd = (x: number, y: number) => number
// 第二种
interface Add {
    (x: number, y: number): number
}

let cccc: Cdd = (x, y) => x + y
// 6
console.log(cccc(2, 4))

W4J音乐热评一Puppeteer爬虫初体验

TypeScript学习笔记枚举类型

本文作者：Ihuzb

永久链接：https://ihuzb.github.io/2019/11/29/ZfiPod5T48/