剩余参数(…)将多余实参收集为真数组,区别于非数组的arguments;必须位于参数末尾且唯一;可与固定参数共用,常用于可变函数、参数透传和替代apply。

剩余参数(Rest Parameters)是 JavaScript 中一种用三个点 … 表示的语法,用来把函数中**多余的、未命名的参数**收集为一个真正的数组。
它和 arguments 对象有什么不同?
过去我们用 arguments 获取所有传入参数,但它不是数组(只是类数组对象),不能直接用 map、filter、forEach 等数组方法。剩余参数则直接返回一个标准数组,更直观、更易用。
arguments 是函数内部自动存在的对象,不能在箭头函数中使用 剩余参数必须写在参数列表最后,且只能有一个 剩余参数名字可以自定义(比如 …nums、…items),语义更清晰
怎么用剩余参数收集多个参数?
在函数定义时,在最后一个形参前加 …,它就会把调用时“多出来的”实参打包成数组。
例如:
立即学习“Java免费学习笔记(深入)”;
function sum(…numbers) {
return numbers.reduce((a, b) => a + b, 0);
}
sum(1, 2, 3, 4); // 返回 10
sum(5, 10); // 返回 15
这里 …numbers 把所有传进来的数字收进一个叫 numbers 的数组里,后续就能用数组方法处理了。
可以和其他参数一起用吗?
可以,但剩余参数必须放在最后。前面可以有固定参数,它们会先被分别赋值,剩下的才归剩余参数。
function greet(greeting, …names) {
return `${greeting}, ${names.join(‘ & ‘)}!`;
}
greet(‘Hello’, ‘Alice’, ‘Bob’, ‘Charlie’);
// → “Hello, Alice & Bob & Charlie!”
其中 greeting 拿到第一个实参 ‘Hello’,其余全进 names 数组。
常见用途有哪些?
封装可变参数的工具函数(如求和、拼接、取最大值) 部分参数预设后,把剩余参数透传给其他函数(常用于高阶函数或代理) 替代 apply:以前用 fn.apply(null, args),现在可直接写 fn(…args)
基本上就这些。不复杂但容易忽略——只要记住三点:三点写在最后、名字自定义、结果是真数组。
以上就是JavaScript中的剩余参数是什么_它如何收集多个参数呢的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543379.html
微信扫一扫
支付宝扫一扫