首页 > 文章 > 前端

JavaScript剩余参数用于收集多个参数，如何使用？

时间：2025-12-25 20:51:41 308浏览收藏

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《JavaScript剩余参数是什么，如何收集多个参数》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

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

JavaScript中的剩余参数是什么_它如何收集多个参数呢

剩余参数（Rest Parameters）是 JavaScript 中一种用三个点 ... 表示的语法，用来把函数中**多余的、未命名的参数**收集为一个真正的数组。

它和 arguments 对象有什么不同？

过去我们用 arguments 获取所有传入参数，但它不是数组（只是类数组对象），不能直接用 map、filter、forEach 等数组方法。剩余参数则直接返回一个标准数组，更直观、更易用。

arguments 是函数内部自动存在的对象，不能在箭头函数中使用
剩余参数必须写在参数列表最后，且只能有一个
剩余参数名字可以自定义（比如 ...nums、...items），语义更清晰

怎么用剩余参数收集多个参数？

在函数定义时，在最后一个形参前加 ...，它就会把调用时“多出来的”实参打包成数组。

例如：

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剩余参数用于收集多个参数，如何使用？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！