关于 TypeScript 中传播参数的问题

Question

这是我的代码。

import _ from 'lodash';

function test(num1: number, num2: number) {
    console.log(num1, num2);
}

test(..._.take(_.shuffle([0, 1, 2]), 2));

我在 TS 操场和 VSCode 上收到 TS2556 错误。

展开参数必须要么具有元组类型，要么被传递给休息参数。 (ts2556)

我在 repl.it 网站上也遇到了 TS2556 错误。

错误 TS2556：预期有 2 个参数，但有 0 个或更多。

我不知道如何解决这个问题。

Answer 1

当您期望（如错误指出的那样）0 或更多参数 时，应使用展开运算符。由于您的函数需要正好 2 个参数，不多也不少，所以写起来更有意义

const myArray = _.take(_.shuffle([0, 1, 2]), 2);

test(myArray[0], myArray[1]);

如果您不想出现运行时错误，请务必添加检查以防万一（特别是如果您不知道传递给 shuffle 的数组包含什么），方法是检查它是否包含这两个值.

休息参数的有效用例：

const myFunction = (requiredParameter: number, ...someOtherOptionalParams: number[]) => {
  someOtherOptionalParams.map(param => {
    // do something with optional params, if any
  })
}

如果两个参数都是可选的，您的代码也可以工作：

function test(num1?: number, num2?: number) {
    console.log(num1, num2);
}

也就是说，该函数将获取数组的前两个值（如果有），并对它们进行处理。