跳到主要内容

TypeScript 剩余参数

摘要:在本教程中,你将了解 TypeScript 剩余参数,它允许将不定数量的参数表示为数组。

剩余参数允许函数接受零个或多个指定类型的参数。 在 TypeScript 中,剩余参数遵循以下规则:

  • 一个函数只有一个剩余参数。
  • 剩余参数出现在参数列表的最后。
  • 剩余参数的类型是数组类型。

要声明剩余参数,请在参数名称前加上三个点,并使用数组类型作为类型注释:

function fn(...rest: type[]) {
//...
}

以下示例展示了如何使用剩余参数:

function getTotal(...numbers: number[]): number {
let total = 0;
numbers.forEach((num) => total += num);
return total;
}

在此示例中,getTotal() 计算传入其中的数字总数。

由于 numbers 参数是一个剩余参数,因此可以传递一个或多个数字来计算总数:

console.log(getTotal()); // 0
console.log(getTotal(10, 20)); // 30
console.log(getTotal(10, 20, 30)); // 60

在本教程中,你了解了 TypeScript 剩余参数,它允许你将不定数量的参数表示为数组。