箭头函数没有自己的arguments对象，必须用...args替代；剩余参数必须位于形参末尾，且会禁用arguments访问；...args是真数组，支持链式调用，性能更优且调试友好。
为什么不能直接用 arguments 在箭头函数里
因为 arguments 是非箭头函数内部的类数组对象，箭头函数根本没自己的 arguments——它会向上找外层函数的，经常出错或报 ReferenceError。而 ...args 是真正的语法级支持，天然适配所有函数类型。
...args 必须放在参数列表最后，且不能和 arguments 混用
ES6 规定剩余参数必须是形参列表中最后一个，否则语法报错：Unexpected token。同时，只要用了 ...args，函数体内再访问 arguments 会触发严格模式下的 TypeError: 'arguments' is not accessible（即使没写 "use strict"，现代引擎也会隐式启用）。
常见错误写法：
function foo(a, ...args, b) { } // ❌ SyntaxError
正确做法：
- 把固定参数放前面，剩余参数放最后
- 需要访问原始调用参数时，只用
[...args]展开或直接操作args数组 - 旧代码迁移时，删掉所有
arguments引用，改用args
处理类数组操作时，...args 天然是真数组，不用再 Array.from 或 [].slice.call
arguments 是类数组，没有 .map、.filter 等方法；而 ...args 接收的就是 Array 实例，可直接链式调用。
对比示例：
function sum() {
return Array.from(arguments).reduce((a, b) => a + b, 0); // ✅ 但啰嗦
}
function sum(...args) {
return args.reduce((a, b) => a + b, 0); // ✅ 简洁、可读、无兼容性问题
}
注意点：
-
args是普通数组，typeof args === 'object'，不是伪数组 - 如果只想要部分参数，可用解构：
function fn(first, second, ...rest) - 传入空参数时，
args是空数组[]，不是undefined，安全
性能和调试差异：V8 对 ...args 有优化，但滥用展开可能触发 deopt
V8 引擎对剩余参数做了专门优化，比 Array.from(arguments) 快约 2–3 倍；但若在循环中反复写 fn(...args)，尤其 args 很长时，会触发“参数展开慢路径”，降级为解释执行。
建议：
- 日常使用
...args完全没问题，放心替代arguments - 高频调用函数中需透传参数时，优先用
fn.apply(this, args)而非fn(...args) - 调试时，DevTools 的断点里能直接看到
args变量内容，比查arguments.callee清晰得多
真正容易被忽略的是：剩余参数不捕获 this、new.target 或 super 绑定——这些仍取决于函数本身类型，跟 ...args 无关。
