如何向JavaScript构造函数传递可变数量参数？解决TS编译报错

你遇到的这几个编译错误，核心原因是TypeScript无法自动识别你通过arguments处理可变参数的逻辑——默认情况下，TS会把没有显式声明参数的函数推断为「不接受任何参数的普通函数」，而非可实例化的构造函数，自然会抛出参数不匹配、不能用new调用的错误。

下面给你几种实用的解决方案，按推荐程度排序：

1. 显式声明可选参数（最直观简洁） #

直接在Person函数的参数列表里标记参数为可选，TS就能立刻识别这个构造函数支持0、1或2个参数，同时还能保留你用arguments的逻辑（不过更推荐直接用参数变量，代码更清晰）：

function Person(name?: string, age?: number) {
  // 可以直接用参数变量代替arguments，TS能更好地做类型检查
  this.name = name;
  this.age = age;
}

let a: Person = new Person('Name1'); // 编译正常
let b: Person = new Person('Name2', 20); // 编译正常
let d1: Date = new Date(0); // 不受影响
let d2: Date = new Date(2012, 11); // 不受影响

2. 使用剩余参数语法（更灵活的可变参数场景） #

如果未来可能扩展更多参数，用剩余参数+元组类型来定义，能更精准描述参数的可变规则：

// 元组类型[string?, number?]表示：可以传0个、1个字符串、或1个字符串+1个数字
function Person(...args: [string?, number?]) {
  this.name = args[0];
  this.age = args[1];
}

// 同样可以正常编译
let a: Person = new Person('Name1');
let b: Person = new Person('Name2', 20);

3. 定义接口+构造签名（更规范的TS风格） #

如果想严格分离类型定义和实现，符合TypeScript的面向对象规范，可以先声明接口描述Person实例和构造函数的类型：

// 定义Person实例的类型
interface Person {
  name: string | undefined;
  age: number | undefined;
}

// 定义构造函数的签名
interface PersonConstructor {
  new (name?: string, age?: number): Person;
}

// 让函数实现这个构造签名
const Person: PersonConstructor = function() {
  this.name = arguments[0];
  this.age = arguments[1];
};

let a: Person = new Person('Name1');
let b: Person = new Person('Name2', 20);

补充：原代码报错的具体原因 #

• TS2350：TS默认认为无显式构造签名的普通函数不能用new调用（除非函数返回一个对象，但你用this的写法TS无法自动识别为构造逻辑）。
• TS2554：因为函数没有声明任何参数，TS推断它需要0个参数，而你传入了1或2个，参数数量不匹配。

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