typescript - 将接口(interface)转换为 typescript 中的元组

Question

我想将一个接口(interface)转换成键和值的元组。我想知道使用泛型是否可以做到这一点，但对语言功能的了解还不够多，无法做到这一点。

这是我想做的事情:

interface Person {
    name: string,
    age: number
}

type Args = ToTuple<Person> // result would be ['name', string, 'age', number]

function DoSomethingWithArgs(...args: Args) {
    return (
        args[0] === 'name' &&
        typeof args[1] === 'string' &&
        args[2] === 'name' &&
        typeof args[3] === 'number'
    )
}

这可能吗？

Answer 1

我不确定你为什么想要这个，但这里是......

使用来自 this answer 的想法要将映射类型转换为我们可以与不同类型参数匹配的函数的交集，我们可以定义 ToTuple 以适用于原始接口(interface)的固定最大成员数的方式。

type IntersectionOfValues<T> =
  {[K in keyof T]: (p: T[K]) => void} extends
    {[n: string]: (p: infer I) => void} ? I : never;

type IntersectionOfFunctionsToType<F, T> =
    F extends {
        (na: infer NA, a: infer A): void;
        (nb: infer NB, b: infer B): void;
        (nc: infer NC, c: infer C): void;
    } ? [NA, A, NB, B, NC, C] :
    F extends {
        (na: infer NA, a: infer A): void;
        (nb: infer NB, b: infer B): void;
    } ? [NA, A, NB, B] :
    F extends {
        (na: infer NA, a: infer A): void
    } ? [NA, A] :
    never;

type ToTuple<T> = IntersectionOfFunctionsToType<
    IntersectionOfValues<{ [K in keyof T]: (k: K, v: T[K]) => void }>, T>;

interface Person {
    name: string,
    age: number
}

type Args = ToTuple<Person> // ['name', string, 'age', number]

另一种方法是使用 UnionToIntersection在 keyof 接口(interface)上，但我相信通过联合可能会带来丢失接口(interface)成员顺序的更大风险。 (我相信我过去曾看到工会失去秩序，尽管我刚才无法在 Playground 上的测试中重现它。)在上面的解决方案中，交叉点是有序的，所以我们只依赖映射类型以保持顺序，IntersectionOfValues 中的推理过程按顺序生成逆变候选对象并按顺序与它们相交。这仍然是依赖于实现的行为，但我认为它不太可能改变。