TypeScript中如何将接口展开为函数参数，避免对象传参？

架构老林

2026-8-6

如何将接口类型展开为函数的独立参数

你可以通过TypeScript的元组类型结合索引访问特性，把已定义的接口属性转换为函数的独立参数列表，同时复用接口的类型定义。

实现方案

1. 定义接口与转换工具类型

先保留你原有的GreetInputs接口，再创建一个工具类型将接口属性映射为参数元组（或直接手动指定参数顺序的元组）：

interface GreetInputs {
    name: string;
    age: number;
}

// 工具类型：自动将接口属性值转为元组（TypeScript 4.1+ 保留字面量接口属性顺序）
type InterfaceToTuple<T> = [T[keyof T]] extends infer Tuple ? Tuple : never;

// 或者手动指定参数顺序（更可控，适合需要固定参数位置的场景）
type GreetParamsTuple = [GreetInputs['name'], GreetInputs['age']];

2. 基于元组定义函数

用转换后的元组类型作为函数的剩余参数类型，再在函数内部解构参数：

// 方式一：自动转换元组
const greet3 = (...args: InterfaceToTuple<GreetInputs>) => {
    const [name, age] = args;
    return `Hello ${name}, you are ${age} years old!`;
};

// 方式二：手动指定顺序的元组
const greet4 = (...args: GreetParamsTuple) => {
    const [name, age] = args;
    return `Hello ${name}, you are ${age} years old!`;
};

调用效果

现在可以像你期望的那样简洁调用，同时完全复用GreetInputs的类型约束：

greet3('Jack', 25); // 类型检查通过，返回"Hello Jack, you are 25 years old!"
greet4('Jack', 25); // 同样有效

// 传入错误类型会触发TypeScript报错
greet3('Jack', '25'); // 错误：第二个参数必须是number类型