剩余参数（...）是ES6引入的语法，用于捕获函数末尾不定数量参数并形成真数组；而arguments是类数组对象，无数组方法且箭头函数中不可用。
什么是 ... 剩余参数，和 arguments 有什么区别
剩余参数（Rest Parameters）用 ... 语法捕获函数末尾的不定数量参数，它是个真正的数组；而 arguments 是类数组对象，没有 map、filter 等方法，也不能直接解构。
常见错误是把 arguments 当成数组来用，比如写 arguments.map(...)，会报 TypeError: arguments.map is not a function。
-
...只能出现在形参列表**最后**，且只能有一个 -
arguments在箭头函数中不可用，剩余参数可以 - 剩余参数自动绑定为数组，可直接用
reduce、forEach、扩展运算符等
怎么正确声明和使用 ... 剩余参数
声明时必须带名字，比如 ...items，不能单独写 ...。它会收集从第一个未匹配形参开始的所有实参。
function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}
sum(1, 2, 3); // 6
sum(); // 0（空数组 reduce 得 0）
- 如果前面还有固定参数，剩余参数只收“多出来的”部分：
function fn(a, b, ...rest)中传fn(1, 2, 3, 4)→a=1,b=2,rest=[3,4] - 剩余参数不能和同名变量冲突，比如不能写
function f(...args) { const args = [] }（会报Identifier 'args' has already been declared） - 它不包含默认参数的值，只反映实际传入的参数个数
剩余参数 vs 扩展运算符：别混淆 ... 的两种用法
同一个 ... 符号，在函数定义里是剩余参数（收集），在函数调用或字面量里是扩展运算符（展开）。容易在嵌套调用时搞反方向。
function log(...msgs) {
console.log('start:', ...msgs); // 这里是扩展：把 msgs 数组展开成多个参数
}
log('a', 'b'); // start: a b
- 定义函数时
...在左边 → 收集参数（剩余参数） - 调用函数或构造数组/对象时
...在右边 → 展开可迭代对象（扩展运算符） - 常见错误：试图在对象解构中用
...rest收集剩余属性而不加{}包裹，那是无效语法
兼容性与替代方案：什么时候不能用 ...
IE 完全不支持剩余参数，Node.js 4+ 和现代浏览器都支持。如果需兼容旧环境，得用 Array.prototype.slice.call(arguments) 模拟。
// 不推荐的兼容写法（仅当真要支持 IE 时才考虑）
function oldStyle() {
var args = Array.prototype.slice.call(arguments, 1); // 跳过第一个参数
return args.join('-');
}
- Babel 默认会把剩余参数转为
slice调用，但要注意arguments在严格模式下对caller/callee的限制 - TypeScript 中剩余参数类型需显式标注，如
...ids: number[]，否则
推导为 any[] - 不要在递归函数中无节制地展开大数组，可能触发栈溢出或内存问题
推导为 undefined 或 null —— 它们照单全收。传 fn(1, undefined, 3)，... 拿到的就是 [1, undefined, 3]，不是 [1, 3]。
