...args: any[] TypeScript 中的剩余参数语法

一嘴一个橘子2023-09-08 19:01

js 的剩余参数语法

javascript 复制代码

function fn2 (a, b, ...args){
	console.log(a); // 1
	console.log(b); // 2
	console.log(...args); // [3, 4, 5, 6, 7]
}
fn2(1, 2, 3, 4, 5, 6, 7);

...args: any[] 是 TypeScript 中的剩余参数语法，也称为剩余参数（Rest Parameters）。

在函数参数列表中，...args 表示将剩余的参数收集到一个数组中，这个数组的类型是 any[]，即任意类型的数组。

例如：

typescript 复制代码

function foo(...args: any[]) {
  console.log(args);
}

在调用 foo 函数时，你可以传递任意数量的参数：

typescript 复制代码

foo(1, 'hello', true);

在函数内部，args 是一个包含所有传递的参数的数组。在上面的示例中，args 的值将是 [1, 'hello', true]。

剩余参数语法的好处是，它允许你在函数签名中定义一个不确定数量的参数，这样，你可以在函数内部处理这些参数，而不需要事先知道参数的具体数量。