typescript - 将数组传播到 typescript 中的参数

Question

我有一个数组数组，我想将每个数组用作函数的参数，例如，在 javascript 中它可能如下所示:

const args = [
    [1, 'a'],
    [2, 'b'],
];

const concatter = (first, second) => `${first}-${second}`;

const test = args.map(a => concatter(...a));
console.dir(test);

我在 typescript 中尝试过类似的东西，但我在让它工作时遇到了问题。 Here's a link to the playground.代码如下所示:

const args = [
    [1, 'a'],
    [2, 'b'],
];

const concatter = (first: number, second: string) => `${first}-${second}`;

const singleTest = concatter(...args[0]);
const test = args.map(a => concatter(...a));

然而，对 concatter 的调用显示错误:

需要 2 个参数，但得到 0 个或更多。

似乎我在这里犯了一个相当基本的错误，但我还没有找到任何关于那可能是什么的信息。

Answer 1

您只需为您的 args 添加一个类型，这样 TypeScript 就知道 args 变量是一个包含数字和字符串的元组数组。

然后它将起作用:

const args: [number, string][] = [
    [1, 'a'],
    [2, 'b'],
];

const concatter = (first: number, second: string) => `${first}-${second}`;

const singleTest = concatter(...args[0]);

const test = args.map(a => concatter(...a));

console.log(test);