Map 作为输入类型和属性值列表的联合的返回类型，来自 Typescript 中的数组

Question

我有一个 function 声明如下：

export const buildLocalizedInfo = <T extends { id: number }, U extends { target: string }>(
    recordBuilder: (record: any) => T,
    propsMapper: readonly U[],
): T

我这样使用：

const bounties = buildLocalizedInfo(
    (record) => ({
        id: record['m_ID'],
    }),
    [{ target: 'name' }],
);

我希望buildLocalizedInfo的返回类型为T & {name: string} ，除了它还应该扩展到我在输入数组中传递的任何属性。

例如，

const bounties = buildLocalizedInfo(
    (record) => ({
        id: record['m_ID'],
        other: record['other'],
    }),
    [{ target: 'name' }, { target: 'description' }],
);

应该将bounties解析为类型{ id: string; other: string; name: string; description: string} { id: string; other: string; name: string; description: string} { id: string; other: string; name: string; description: string} 。

这在 typescript 中是否可行？

Answer 1

是的，您只需要将结果与元素的映射类型相交，但是由于您将它们全部映射到字符串，因此Record就可以了：

export const buildLocalizedInfo = <T extends { id: number }, U extends { target: string }>(
    recordBuilder: (record: any) => T,
    propsMapper: readonly U[],
): T & Record<U["target"], string>;