如何将一个泛型类型（嵌套对象）的结构复制到 TypeScript 中的另一个泛型？

Question

这个问题和我之前做的一个很相似。

我建议先阅读我之前的问题：How to copy the structure of one generic type to another generic in TypeScript?

---

我希望克隆嵌套对象类型的结构，而不是克隆平面对象类型的结构。

换句话说，我正在寻找一个函数，给定......

// ...this input type

interface NestedInput {
  name: string;
  arr: [
    string,
    Date,
    {a: boolean}
  ];
  nestedObject: {
    x: number;
    y: number;
  };
}

// ...it produces this output type

type StringMethod = (val: string) => void;
type DateMethod = (val: Date) => void;
type NumMethod = (val: number) => void;
type BoolMethod = (val: boolean) => void;

interface NestedOutput {
  name: StringMethod;
  arr: [
    StringMethod,
    DateMethod,
    {
      a: BoolMethod;
    }
  ];
  nestedObject: {
    x: NumberMethod;
    y: NumberMethod;
  }
}

再次强调，它必须是完全类型安全的，这样我才能使用智能感知访问 output.nestedObject.x 或 output.arr[2].a。

过去 2 天我一直在绞尽脑汁想弄清楚这一点，所以任何帮助都将不胜感激！

---

PS：您可能已经注意到，我们遇到了定义何时遍历嵌套对象的问题。例如，不会遍历 Date 对象，但可能会遍历其他一些结构。为了防止这成为一个问题，你可以假设如果对象是一个普通的 JS 对象（见下面的函数），那么遍历是可以的。

const getClass: (object: any) => string = Function.prototype.call.bind(Object.prototype.toString);

const isVanillaObject = (obj: any) => {
    return getClass(obj) === "[object Object]";
}

Answer 1

您可以使用extends 来打开类型、对象情况的映射类型并使用递归来允许深度嵌套：

interface NestedInput {
  name: string;
  arr: [string, Date, { a: boolean }];
  nestedObject: {
    x: number;
    y: number;
  };
}

type StringMethod = (val: string) => void;
type DateMethod = (val: Date) => void;
type NumMethod = (val: number) => void;
type BoolMethod = (val: boolean) => void;

type Methodify<T> = T extends string
  ? StringMethod
  : T extends Date
  ? DateMethod
  : T extends number
  ? NumMethod
  : T extends boolean
  ? BoolMethod
  : {
      [K in keyof T]: Methodify<T[K]>;
    };

type Output = Methodify<NestedInput>;

//Results in:
type Output = {
    name: StringMethod;
    arr: [StringMethod, DateMethod, {
        a: BoolMethod;
    }];
    nestedObject: {
        x: NumMethod;
        y: NumMethod;
    };
}