箭头函数没有 arguments 是设计使然，应使用剩余参数（...args）替代：它提供真数组、支持数组方法、可分离固定与动态参数，并倒逼采用更安全的递归方式。

箭头函数确实没有自己的 arguments 对象，这不是缺陷，而是设计使然——它强制你用更清晰、更现代的方式处理参数。你可以直接用剩余参数（...args）替代，既语义明确，又支持数组方法，还能避免 arguments 的隐式转换和类数组陷阱。

用 ...args 替代 arguments，获得真数组

arguments 是类数组对象，不能直接调用 .map()、.filter() 等方法；而剩余参数是标准数组，开箱即用：

✅ 正确写法（箭头函数中）：

const sum = (...nums) => nums.reduce((a, b) => a + b, 0);
sum(1, 2, 3); // 6

❌ 不可行（箭头函数里访问 arguments 会报错或指向外层）：

const bad = () => arguments[0]; // ReferenceError 或取到外层函数的 arguments

需要兼容“任意参数个数”且做类型/逻辑判断时

比如写一个通用日志函数，想打印所有传入参数，但又不想漏掉第一个参数（如前缀）：

• 用剩余参数可轻松分离：固定参数 + 剩余参数
• 不用再手动 Array.from(arguments).slice(1)

示例：

const log = (prefix, ...rest) => {
  console.log(`[${prefix}]`, ...rest);
};
log('INFO', '用户登录', { id: 123 }); // [INFO] 用户登录 {id: 123}

替代 arguments.callee 的递归场景

虽然 arguments.callee 已被严格模式禁用，但有人曾依赖它实现匿名递归。箭头函数不支持它，正好倒逼你改用具名函数表达式或变量绑定：

• 把箭头函数赋给变量，然后在内部用变量名递归
• 或改用普通函数（如果真需动态匿名递归）

安全递归写法（推荐）：

const factorial = (n) => (n <= 1 ? 1 : n * factorial(n - 1));
// 明确引用自身变量名，不依赖 arguments

注意：剩余参数必须放在最后，且只能有一个

这是语法限制，不是箭头函数特有，但容易在迁移时出错：

• (a, ...rest, b) => {} ❌ 语法错误
• (a, b, ...rest) => {} ✅ 合法
• 如果只需部分参数，可用解构提前提取，再用剩余参数收尾

例如提取前两个，其余合并：

const handle = ([first, second, ...others]) => {
  console.log('头两个:', first, second);
  console.log('剩下的:', others);
};