TypeScript中如何实现函数入参对象的类型转换，使对象内方法的this指向方法返回值构成的上下文？

嘿，这个需求完全可以实现！核心是要让TypeScript精准捕获每个方法的返回类型，再把这些类型组合成方法内部this应该指向的上下文类型。咱们先看看你原来的代码问题出在哪：你用了太宽泛的any约束，导致TypeScript没法准确推断每个方法的返回值，最终this的类型就变成了模糊的Record<string, any>。

下面是调整后的完整实现，我会一步步解释逻辑：

// 定义输入对象的结构：每个属性都是无参数的函数
type MethodMap = Record<string, () => unknown>;

// 从方法映射生成上下文类型：每个属性对应原方法的返回值类型
type ContextFromMethods<M extends MethodMap> = {
  [K in keyof M]: ReturnType<M[K]>;
};

// 把输入的方法转换成「this绑定到上下文」的版本
type ThisBoundMethods<M extends MethodMap> = {
  [K in keyof M]: (this: ContextFromMethods<M>) => ReturnType<M[K]>;
};

function create<M extends MethodMap>(input: ThisBoundMethods<M>): ContextFromMethods<M> {
  // 实现逻辑：构建上下文对象，绑定每个方法的this并执行填充
  const context: Partial<ContextFromMethods<M>> = {};
  
  for (const key in input) {
    if (Object.prototype.hasOwnProperty.call(input, key)) {
      // 把方法的this绑定到正在构建的上下文，执行后填充属性
      context[key] = input[key].call(context);
    }
  }
  
  return context as ContextFromMethods<M>;
}

关键逻辑说明： #

• MethodMap：严格约束输入对象的结构，确保每个属性都是无参数函数，这样TypeScript能精准捕获每个方法的返回类型。
• ContextFromMethods：把方法集合转换成上下文类型——每个键的类型对应原方法的返回值，这就是方法内部this要指向的目标类型。
• ThisBoundMethods：重写输入的每个方法，把它们的this类型强制绑定到上面的上下文类型，这样在编写方法时，TypeScript就能正确提示this的属性类型了。
• create函数：泛型M会自动捕获输入对象的方法类型，最终返回构建好的上下文对象；实现里我们把每个方法的this绑定到正在构建的上下文，执行方法后填充对应的属性。

测试你的示例代码： #

现在用你的例子测试，TypeScript会完美推断出this的类型：

const ctx = create({
  foo(): string {
    console.log(this); // 类型：{ foo: string; bar: number; baz: Record<string, number> }
    console.log(this.bar); // 类型：number
    console.log(this.baz); // 类型：Record<string, number>
    return "Hello";
  },
  bar(): number {
    console.log(this.foo); // 类型：string
    console.log(this.baz); // 类型：Record<string, number>
    return 123;
  },
  baz(): Record<string, number> {
    console.log(this.foo); // 类型：string
    console.log(this.bar); // 类型：number
    return {
      foo: 123,
      bar: 456,
    };
  },
});

// ctx的类型也会被正确推断：{ foo: string; bar: number; baz: Record<string, number> }
console.log(ctx.foo); // "Hello"
console.log(ctx.bar); // 123
console.log(ctx.baz); // { foo: 123, bar: 456 }

另外关于标题建议，如果你想更精准，可以改成「TypeScript如何让对象内方法的this指向由各方法返回值构成的上下文？」，和你的需求匹配度更高。

备注：内容来源于stack exchange，提问作者nick.skriabin