TypeScript报错ts(2556)：拆分参数时如何使用扩展运算符？

要保留构造函数的first和rest参数拆分，同时支持展开数组调用，有几种可行的方法：

1. 给参数数组指定元组类型 #

TypeScript报错的核心原因是无法推断普通数组符合[string, ...string[]]的结构，显式声明数组为元组类型即可解决：

class X {
  constructor(first: string, ...rest: string[]) {
    // 构造函数逻辑
  }
}

// 显式指定元组类型
const args: [string, ...string[]] = ["foo", "bar"];
new X(...args); // 正常运行

2. 重载构造函数 #

通过构造函数重载，同时支持单独传参和展开数组的调用方式，内部统一处理参数逻辑：

class X {
  // 对外暴露的两种调用签名
  constructor(first: string, ...rest: string[]);
  constructor(...all: [string, ...string[]]);
  
  // 实际实现
  constructor(firstOrAll: string | string[], ...rest: string[]) {
    let first: string;
    let actualRest: string[];

    if (typeof firstOrAll === 'string') {
      first = firstOrAll;
      actualRest = rest;
    } else {
      [first, ...actualRest] = firstOrAll;
    }

    // 这里使用first和actualRest执行业务逻辑
    console.log(first, actualRest);
  }
}

// 两种调用方式都合法
new X("foo", "bar");
new X(...["foo", "bar"]);

3. 使用类型断言（临时场景） #

如果只是临时调用，直接把数组断言为元组类型，快速绕过类型检查：

new X(...(["foo", "bar"] as [string, ...string[]]));

注意：使用断言时需要确保数组至少包含一个元素（因为first是必填参数），否则运行时会出现first为undefined的问题。

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