TypeScript递归包装函数时使用展开语法类型方案

✅ 推荐方案：精准类型断言，只改动类型，不影响逻辑

// 原来报错的行：// accumulatedReturn += mixinFunction(...args)
// ✅ 安全断言写法（推荐）：
accumulatedReturn += (mixinFunction as unknown as (...args: any) => string)(...args);

• as unknown：先把函数类型“解绑”出原始的联合类型约束；
• as (...args: any) => string：再明确告诉编译器，这个函数可以接受任意参数，并且始终返回字符串。

• 这个断言**仅影响当前调用行**，不会污染 `chainedObject` 的顶层类型定义，后者仍保持严格类型约束；
• `(...args: any) => string` 比 `(...args: any) => () => string` 更贴合实际场景——像 `fullscreen` 这类 mixin 本身就直接返回 CSS 字符串（而不是函数），是链式包装后才变成 `() => string`；
• 如果日后加入的新 mixin 函数返回了非字符串类型，系统自然会“提醒”你同步更新断言签名，充当天然的检查哨。

完整修正后的 chain 实现（附带类型加固）

interface mixinInterface {
  fullscreen: typeof fullscreen;
  squared: typeof squared;
}

type chainedMixinInterface = {
  [P in keyof mixinInterface]: (...args: Parameters) => () => string;
};

const mixins: mixinInterface & { chain: () => chainedMixinInterface } = {
  fullscreen,
  squared,
  chain: function () {
    const chainedObject: Partial = {};
    let accumulatedReturn = '';
    const keys = Object.keys(mixins).filter(key => key !== 'chain') as (keyof mixinInterface)[];

    keys.forEach(key => {
      const mixinFunction = mixins[key];
      chainedObject[key] = function (...args: Parameters) {
        // ✅ 类型安全的关键断言
        accumulatedReturn += (mixinFunction as unknown as (...args: any) => string)(...args);
        const returnAll = () => accumulatedReturn;
        return Object.assign(returnAll, this) as ReturnType;
      };
    });

    return chainedObject as chainedMixinInterface;
  }
};

总结几个关键点

• 问题本质：联合函数类型的 Parameters 推导结果是交集元组，天然无法使用展开语法；
• 解法核心：利用 as unknown as (...args: any) => T 做局部、可控的类型放宽，绕过编译器的误判；
• 设计权衡：在极小范围内（仅该调用行）牺牲部分静态检查，换取零 JavaScript 运行时改动和清晰的链式 API；
• 延伸思考：如果项目风格允许，用 Function 类型搭配 call 也能达到类似效果（如 mixinFunction.call(null, ...args)），但断言方案语义更明确、代码更简洁。