JavaScript 箭头函数怎么没有 arguments 对象而使用剩余参数-js教程-PHP中文网

箭头函数没有 arguments 对象，因为它不绑定自己的 arguments、this、super 或 new.target，而是沿用外层普通函数的作用域；这是刻意设计，旨在简化 this 绑定并推荐使用剩余参数（...rest）替代。

javascript 箭头函数怎么没有 arguments 对象而使用剩余参数

箭头函数没有 arguments 对象，是因为它**不绑定自己的 arguments、this、super 或 new.target**——这些都沿用外层普通函数的作用域。这是箭头函数的设计特性，不是缺陷，而是为了简化回调场景中的 this 绑定问题，顺带也舍弃了 arguments。

为什么箭头函数拿不到 arguments？

JavaScript 中的 arguments 是一个仅存在于**非箭头函数体内部**的类数组对象，由引擎在调用时自动注入。箭头函数本身不创建执行上下文（Execution Context）中的「参数绑定」，也不生成自己的 arguments 绑定，所以直接访问会报 ReferenceError: arguments is not defined。

这不是遗漏，是刻意为之：箭头函数的语义是「轻量级函数表达式」，专注闭包和 this 词法绑定，不处理动态参数逻辑。

用剩余参数（...rest）替代 arguments

现代 JavaScript 推荐用**剩余参数**（rest parameters）来捕获不定数量的参数，它更清晰、更符合语义，且天然支持解构和数组方法：

剩余参数是真正的数组（Array 实例），可直接调用 .map()、.reduce() 等方法；
语法明确：写在参数列表末尾，形如 (a, b, ...rest) => { ... }；
不会干扰命名参数，比 arguments 更易读、更易维护。

例如：

OpenJDK 24

下载

// ❌ 箭头函数中不能用 arguments
const sum = () => {
  return Array.from(arguments).reduce((a, b) => a + b, 0); // ReferenceError
};

// ✅ 改用剩余参数
const sum = (...nums) => nums.reduce((a, b) => a + b, 0);
sum(1, 2, 3, 4); // 10

如果非要访问外层的 arguments 怎么办？

箭头函数可以访问外层普通函数的 arguments（因为它是词法作用域的一部分），但这种写法不推荐，容易造成混淆：

function outer() {
  const inner = () => {
    console.log(arguments[0]); // ✅ 拿到 outer 的 arguments[0]
  };
  inner();
}
outer('hello'); // 'hello'

这种依赖外部 arguments 的代码可读性差、调试困难，应避免。真正需要不定参数时，优先在外层也使用剩余参数：

const outer = (...args) => {
  const inner = () => {
    console.log(args[0]); // 清晰、可靠、可预测
  };
  inner();
};

兼容旧代码的小技巧（不推荐长期使用）

极少数需兼容老逻辑（比如封装已有 arguments 依赖的工具函数），可在外层普通函数中提取 arguments 并传入箭头函数：

把 Array.from(arguments) 转成数组，再传给箭头函数；
或用展开语法：fn(...arguments)；
但本质上仍是规避，而非让箭头函数拥有 arguments。

记住：不是“箭头函数缺少 arguments”，而是“它本就不该有”——剩余参数就是它的现代替代方案。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南