JavaScript剩余参数（...args）是明确声明的、类型安全的真数组形参收集方式，用于捕获所有未被前面形参捕获的实参；必须位于参数列表末尾且唯一，区别于类数组的arguments对象。
什么是 JavaScript 剩余参数（...args）？
剩余参数不是 arguments 对象，也不是“把所有参数变成数组”的魔法语法糖——它是明确声明的、类型安全的、真正数组的形参收集方式。当你定义函数时用 ...args，JavaScript 会把**所有未被前面形参捕获的实参**，以数组形式赋给 args 变量。
怎么正确声明和使用 ...args？
必须放在参数列表末尾，且只能有一个；它前面可以有任意个具名参数，但后面不能再跟其他形参。
-
function sum(a, b, ...rest)✅ 合法：前两个参数单独取，其余进rest -
function bad(...a, b)❌ 语法错误：剩余参数不能在其他形参之后 -
function alsoBad(...a, ...b)❌ 语法错误：只允许一个剩余参数
function logFirstTwoAndRest(first, second, ...others) {
console.log('第一个:', first);
console.log('第二个:', second);
console.log('剩下的:', others); // 是真正的 Array，可直接调用 .map/.filter/.reduce
}
logFirstTwoAndRest(1, 2, 3, 4, 5); // 输出: 剩下的: [3, 4, 5]
...args 和 arguments 的关键区别
老式 arguments 是类数组对象（Array-like），没有 .map 等方法；...args 是真数组，开箱即用，也支持解构、展开、默认值等现代特性。
-
arguments无法用for...of或Array.isArray(arguments)判定为数组 -
...args是Array.isArray(args) === true -
arguments在箭头函数中不可访问；...args在箭头函数里完全可用
const arrowSum = (...nums) => nums.reduce((a, b) => a + b, 0); arrowSum(1, 2, 3); // 6 —— 没有 this / arguments 的干扰，干净直接
常见误用与性能注意点
剩余参数本身不慢，但滥用会导致语义模糊或意外行为。尤其注意以下情况：
立即学习“Java免费学习笔记（深入）”；
- 传入空参数时，
...args得到的是空数组[]，不是undefined - 如果只想收“多余”参数，但前面已有默认参数，顺序和调用方式容易出错
- 不要为了“兼容旧写法”而在剩余参数里再手动转
Array.from(arguments)—— 完全没必要 - 避免嵌套解构 + 剩余参数混用，比如
([{id}, ...rest])，可读性陡降且易出错
最常被忽略的一点：剩余参数收集的是「调用时传入的实际参数」，不关心函数定义里有没有对应形参名；它不跳过 undefined 或 null，所有显式传入的值都会进数组。
