使用泛型和遍历函数时遇到类型错误

我猜你应该是在尝试把scopeFuncToMethod批量应用到funcs对象的所有方法、生成带不同method参数的新方法时，碰到了TypeScript的类型推断问题——毕竟动态遍历对象并生成新属性时，TypeScript很容易丢失类型追踪，或者出现隐式的类型不兼容。

先看看你现有代码里的几个潜在问题：

• 直接用any[]作为泛型约束虽然能用，但类型精度不够，容易埋下类型隐患
• 当你循环动态生成新方法时，TypeScript没法自动推断这些动态属性的类型，强行赋值会触发类型错误
• 你的scopeFuncToMethod返回的类型虽然和原函数参数一致，但用原函数类型直接作为返回值会让类型推断更精准

接下来是具体的解决步骤：

1. 优化scopeFuncToMethod的类型定义 #

首先，我们给这个工具函数加上更严格的类型约束，确保传入的函数最后一个参数是options对象（毕竟你的逻辑是修改最后一个参数的method），同时让返回类型和原函数完全一致，避免类型不兼容：

// 约束原函数的最后一个参数必须是object，返回值为boolean
type FuncWithOptionsReturningBoolean = (...args: [...any[], object]) => boolean;

function scopeFuncToMethod<F extends FuncWithOptionsReturningBoolean>(
  func: F,
  method: string,
): F {
  return ((...args) => {
    const optsIndex = func.length - 1;
    const opts = args[optsIndex] || {};
    // 合并method到最后一个参数的options里
    args[optsIndex] = { ...opts, method };
    return func(...args);
  }) as F;
}

2. 定义扩展后的对象类型 #

我们需要让TypeScript知道，遍历生成的新方法（比如simplePost、timesGet）和原方法的类型完全一致。可以用TypeScript的映射类型来实现：

// 定义我们需要支持的method列表
const SUPPORTED_METHODS = ['post', 'get', 'put'] as const;
type SupportedMethod = typeof SUPPORTED_METHODS[number];

// 用映射类型生成扩展后的函数类型：原方法名 + 大写首字母的method
type ExtendedFuncs<Original extends Record<string, FuncWithOptionsReturningBoolean>> = {
  [K in keyof Original as `${string & K}${Capitalize<SupportedMethod>}`]: Original[K];
};

3. 批量生成带method的新方法 #

写一个包装函数，遍历原函数对象和支持的method列表，批量生成新方法，同时让TypeScript能正确推断所有类型：

function createExtendedFuncs<Original extends Record<string, FuncWithOptionsReturningBoolean>>(
  originalFuncs: Original,
  methods: readonly SupportedMethod[],
): ExtendedFuncs<Original> {
  const result = {} as ExtendedFuncs<Original>;

  // 遍历原函数的每个方法
  for (const funcName of Object.keys(originalFuncs) as Array<keyof Original>) {
    const originalFunc = originalFuncs[funcName];
    // 为每个method生成对应的新方法
    for (const method of methods) {
      const scopedFuncName = `${funcName}${Capitalize(method)}` as keyof ExtendedFuncs<Original>;
      result[scopedFuncName] = scopeFuncToMethod(originalFunc, method);
    }
  }

  return result;
}

4. 测试使用 #

现在你可以直接用这个函数生成扩展后的方法，TypeScript会自动提示所有正确的类型：

const funcs = {
  simple: (options: object): boolean => {
    return true;
  },
  times: (times: number, options: object): boolean => {
    return true;
  },
};

// 生成带post/get/put后缀的新方法
const extendedFuncs = createExtendedFuncs(funcs, SUPPORTED_METHODS);

// 现在TypeScript会正确提示参数类型，比如：
extendedFuncs.simplePost({ foo: 'bar' }); // 正确，参数和原simple一致
extendedFuncs.timesGet(5, { foo: 'bar' }); // 正确，参数和原times一致

关键说明 #

• 用映射类型ExtendedFuncs让TypeScript提前知道动态生成的属性名和对应的函数类型，避免类型错误
• 约束原函数的最后一个参数为object，确保scopeFuncToMethod的逻辑不会出错
• 用泛型F extends FuncWithOptionsReturningBoolean让scopeFuncToMethod的返回类型和原函数完全匹配，不会出现隐式类型转换

备注：内容来源于stack exchange，提问作者wheresrhys