JavaScript剩余参数是什么？如何使用？

JavaScript剩余参数（...）是一种简洁强大的语法特性，它让函数能灵活接收任意数量的实参并自动封装为真正的数组，彻底取代了老旧且功能受限的arguments类数组对象；它必须位于形参列表末尾、可与普通参数共存、原生支持所有数组方法、完美兼容箭头函数，并广泛应用于参数聚合、日志封装、函数代理和柯里化等实际场景——掌握它，让你的函数更健壮、更现代、更易维护。

JavaScript 剩余参数（Rest Parameters）是一种语法特性，用三个点 ... 表示，允许函数接收**不定数量的实参**，并将它们收集为一个真正的数组。它替代了过去依赖 arguments 类数组对象的写法，更简洁、更强大。

剩余参数的基本写法

剩余参数必须是函数最后一个形参，且前面不能有其他普通参数（除非用默认值或解构等配合）。它会把调用时“多出来的”参数自动装进一个数组里。

• 正确写法：function sum(...numbers) { return numbers.reduce((a, b) => a + b, 0); }
• 错误写法：function demo(a, ...rest, b) { }（剩余参数不能在中间）
• 可与普通参数共存：function greet(first, ...others) { console.log(first, others); }

和 arguments 的关键区别

arguments 是类数组对象，没有数组方法（如 map、filter），需要手动转成数组；而剩余参数本身就是 Array 实例，开箱即用。

• 旧方式：Array.from(arguments).map(x => x * 2) 或 [...arguments].map(...)
• 新方式：numbers.map(x => x * 2)（直接调用）
• arguments 在箭头函数中不可用，剩余参数可以用于任何函数（包括箭头函数）

常见实用场景

剩余参数特别适合封装工具函数、代理调用、参数预处理等场景。

• 合并多个数组：const merge = (...arrays) => [].concat(...arrays);
• 带默认前缀的日志函数：const log = (prefix, ...msgs) => console.log(`[${prefix}]`, ...msgs);
• 函数柯里化或转发：const delay = (fn, ms, ...args) => setTimeout(() => fn(...args), ms);

注意边界情况

调用时没传额外参数，剩余参数就是空数组，不会是 undefined，这点很安全。

• sum() → numbers 是 []，reduce 可正常返回初始值
• 但若函数逻辑依赖至少一个参数，仍需自行校验，比如 if (numbers.length === 0) throw new Error('至少传一个数');
• 不能和 arguments 混用：用了剩余参数后，arguments 依然存在，但不推荐再用

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JavaScript剩余参数是什么？如何使用？》文章吧，也可关注golang学习网公众号了解相关技术文章。