能否将函数参数按指定接口类型进行分组捕获？

假设我们定义了以下两个TypeScript接口：

interface A {
  name: string;
  color: string;
}

interface B {
  age: number;
  address: string;
}

是否可以创建这样的函数：

function pass(/* 自动按A、B类型分组参数 */) {
  console.log("group A", A);
  console.log("group B", B);
}

// 变量定义
const name = "new";
const age = 32;
const color = "red";
const address = "home";

// 调用函数
pass(name, age, address, color);

期望输出：

group A {name: "new", color: "red"}
group B {age: 32, address: "home"}

核心需求：将传入的函数参数按照预设的接口类型自动归类分组，无需手动按对象传递。

直接让函数自动识别参数所属类型并分组是做不到的——因为JavaScript/TypeScript的函数参数是按顺序传递的，运行时无法直接根据类型信息区分参数归属（TS类型在编译后会被擦除）。不过我们可以通过以下几种方式实现类似效果：

方案1：显式传递对象参数（最简洁可靠） #

这是TS中最常规的写法，直接按接口结构传递对象，类型检查和分组都清晰明确：

interface A {
  name: string;
  color: string;
}

interface B {
  age: number;
  address: string;
}

function pass(groupA: A, groupB: B) {
  console.log("group A", groupA);
  console.log("group B", groupB);
}

const groupA = { name: "new", color: "red" };
const groupB = { age: 32, address: "home" };

pass(groupA, groupB);

输出完全符合预期，而且TS会严格校验参数结构，避免错误。

方案2：自定义参数解析逻辑（适配扁平参数传入） #

如果一定要用扁平参数传入，可以在函数内部手动定义解析规则，根据参数的含义映射到对应分组：

interface A {
  name: string;
  color: string;
}

interface B {
  age: number;
  address: string;
}

function pass(name: string, age: number, address: string, color: string) {
  const groupA: A = { name, color };
  const groupB: B = { age, address };
  console.log("group A", groupA);
  console.log("group B", groupB);
}

const name = "new";
const age = 32;
const color = "red";
const address = "home";

pass(name, age, address, color);

这种方式需要严格遵循参数顺序，灵活性较差，参数顺序变动会直接导致分组错误。

方案3：结合类型判断动态解析（更灵活但复杂） #

如果参数数量或顺序不固定，可以通过运行时类型判断来归类参数，需要提前定义可靠的判断规则：

interface A {
  name: string;
  color: string;
}

interface B {
  age: number;
  address: string;
}

function pass(...args: (string | number)[]) {
  const groupA: Partial<A> = {};
  const groupB: Partial<B> = {};

  for (const arg of args) {
    if (typeof arg === "string") {
      // 示例规则：长度大于3的字符串归为address，其余按顺序填充name、color
      if (arg.length > 3) {
        groupB.address = arg;
      } else if (!groupA.name) {
        groupA.name = arg;
      } else {
        groupA.color = arg;
      }
    } else if (typeof arg === "number") {
      groupB.age = arg;
    }
  }

  console.log("group A", groupA);
  console.log("group B", groupB);
}

pass("new", 32, "home", "red");

这种方式灵活性高，但依赖精准的运行时判断规则，否则容易出现归类错误，且TS无法完全校验参数的有效性。

内容的提问来源于stack exchange，提问作者mleko