如何为映射类型添加索引签名？

Question

假设我有接口

interface X {
   a: string;
   b: number;
   c: boolean;
}

还有一个函数

function values(x: X) {
   return Object.keys(x).map(s => x[s])
}

当我启用 typescript 的 strict 标志时，我收到错误消息“元素隐式具有 'any' 类型，因为类型 'X' 没有索引签名”。因此，为了明确起见，我可以在 X 的定义中添加一个索引签名

[key: string]: any;

简单易懂。

---

但是，如果 I X 现在改为映射类型：

type X<T> = {
  [P in keyof T]: string;
}

我有这个功能

function values<T>(x: X<T>) {
  return Object.keys(x).map(s => x[s])
}

我应该在哪里添加索引签名？有什么办法可以在不诉诸诸如Object.keys(x).map(s => (x as any)[s]) 之类的粗俗行为的情况下明确这一点

Answer 1

你可以：

interface X {
    a: string;
    b: number;
    c: boolean;
    [key: string]: X[keyof X];
}

X[keyof X] 的结果现在将是 (string | number | boolean)，它比 any 工作得更好，因为您的函数的返回将是 (string | number | boolean)[]。

Example

对这两个示例都适用的另一种方法是：

function values(x: X) {
    const keys = Object.keys(x) as (keyof X)[];
    return keys.map(s => x[s]);
}

不漂亮，但至少比(x as any) 打字更多。

当然也可以通用：

function values<T>(x: T) {
    const keys = Object.keys(x) as (keyof T)[];
    return keys.map(s => x[s]);
}