TypeScript-2.断言 Record

1.断言

转载连接：https://www.jianshu.com/p/4bd337c2115c

语法

<类型>值 或者 值 as 类型

在 tsx 语法（React 的 jsx 语法的 ts 版）中必须用后一种。
例子：将一个联合类型的变量指定为一个更加具体的类型
当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法：

function getLength(something: string | number): number {
    return something.length;
}

// index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
//   Property 'length' does not exist on type 'number'.

而有时候，我们确实需要在还不确定类型的时候就访问其中一个类型的属性或方法，比如：

function getLength(something: string | number): number {
    if (something.length) {
        return something.length;
    } else {
        return something.toString().length;
    }
}

// index.ts(2,19): error TS2339: Property 'length' does not exist on type 'string | number'.
//   Property 'length' does not exist on type 'number'.
// index.ts(3,26): error TS2339: Property 'length' does not exist on type 'string | number'.
//   Property 'length' does not exist on type 'number'.

上例中，获取 something.length 的时候会报错。
此时可以使用类型断言，将 something 断言成 string：

function getLength(something: string | number): number {
    if ((<string>something).length) {
        return (<string>something).length;
    } else {
        return something.toString().length;
    }
}

或

function getLength(something: string | number): number {
    if ((something as string).length) {
        return (something as string).length;
    } else {
        return something.toString().length;
    }
}

类型断言的用法如上，在需要断言的变量前加上 即可。
类型断言不是类型转换，断言成一个联合类型中不存在的类型是不允许的：

function toBoolean(something: string | number): boolean {
    return <boolean>something;
}

// index.ts(2,10): error TS2352: Type 'string | number' cannot be converted to type 'boolean'.
//   Type 'number' is not comparable to type 'boolean'.

作者：呼呼哥
链接：https://www.jianshu.com/p/4bd337c2115c
来源：简书

2.Record

问题：常常在项目中会遇到 …xx没有这个属性
参考于网友：https://cloud.tencent.com/developer/ask/185239

该object类型旨在抽象出对象的任何键，而Record<K, T>存在以专门定义类型的键。这意味着尝试访问对象属性时存在差异。
TypeScript将允许访问类型对象的任何属性，Record<any, any>即使特定键未知，因为第一个通用参数是any。

let a: Record<any, any>;
a.foo; // works

object然而，在类型的对象上，不假设键any。与此一样Record<any, …>，TypeScript不知道哪些键实际存在，但它不允许访问任何键：

let b: object;
a.foo; // error: Property "foo" does not exist on type "object"

实例：

为防止提示res 没有这个属性：

let res: Record<string, any>;
res.data && JSON.parse(res.data)