使用 TypeScript 传播休息抱怨调用目标的签名

Question

我有一个这样定义的函数：

function create(element1: number, ...otherElements: any[]) {
  // Do something
  return makeSomething(...otherElements)
}


function makeSomething(a: string, b: number, c: IElements) {
  // Do something
}

TypeScript 抱怨我传递给makeSomething的参数

错误 TS2346：提供的参数与调用的任何签名都不匹配 目标。

在仍然使用扩展语法的同时定义此类事情的正确方法是什么？

谢谢

Answer 1

这里的一个问题是 Typescript 不知道 ...otherElements: any[] 中有多少项目。它不能保证将有 3 个项目传递给 makeSomething，即使项目类型 (any) 对参数有效。

您可以通过告诉它实际上有 3 个元素来轻松解决这个问题：

function create(element1: number, ...otherElements: any[]) {
  // Do something
  const [a, b, c] = otherElements;
  return makeSomething(a, b, c)
}

这允许您为缺失的元素、错误检查等添加默认值，但最重要的是，具有三个显式元素可以满足类型检查。

如果您还想传递剩余的参数，只需在解构中添加一个 rest 参数：

function create(element1: number, ...otherElements: any[]) {
  // Do something
  const [a, b, c, ...d] = otherElements;
  return makeSomething(a, b, c, ...d)
}