typescript TS7053错误解决

现象

typescript中使用变量作为索引来访问未知类型，例如泛型对象成员时，会报错TS7053

function doSomething<T>(obj: T, prop: string) {
    obj[prop] // 报错TS7053
}

报错如下:

TS7053: Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index type ‘unknown’. No index signature with a parameter of type ‘string’ was found on type ‘unknown’.

解决

function doSomething<T>(obj: T, prop: keyof T) {
    obj[prop]
}

keyof

• 使用关键字 keyof 可以映射对象的所有键名（string或number）作为一个联合类型 下例中的变量P相当于类型 “x” | “y”

type Point = { x: number; y: number };
type P = keyof Point;

• 如果类型包含number或string类型的索引签名，keyof则会返回number或string 下例中变量A相当于类型 number

type Arrayish = { [n: number]: unknown };
type A = keyof Arrayish; 

下例中变量M相当于类型 string | number

type Mapish = { [k: string]: boolean };
type M = keyof Mapish;

参考官方文档