如果你经常使用 ES6 中的箭头函数，你可能会遇到箭头函数在使用 arguments 对象时出现的问题。在本文中，我们将探讨这个问题，并提供解决方法和代码示例。
问题描述
在 ES5 中，我们可以在函数内部访问 arguments 对象来获取传递给函数的参数。例如：
function foo() {
console.log(arguments);
}
foo(1, 2, 3); // 输出 [1, 2, 3]但是在 ES6 中，当我们使用箭头函数时，arguments 对象的行为会有所不同：
const foo = () => {
console.log(arguments);
}
foo(1, 2, 3); // 报错，arguments 未定义在箭头函数内部，arguments 对象不再被绑定到函数的参数上，而是被设置为父级作用域（全局作用域或函数作用域）的 arguments 对象。
解决方法
有两种解决方法可以让我们在使用箭头函数时仍然可以访问 arguments 对象：
1. 使用剩余参数语法
ES6 新增了剩余参数语法，它允许我们将函数的所有参数收集到一个数组中。在使用箭头函数时，我们可以使用剩余参数语法来替代 arguments 对象。例如：
const foo = (...args) => {
console.log(args);
}
foo(1, 2, 3); // 输出 [1, 2, 3]2. 使用包装函数
我们可以使用一个包装函数来包含箭头函数，并将 arguments 对象传递给箭头函数。例如：
-- -------------------- ---- -------
-------- -------- -
------ ---------- -
------ -------------- -----------
-
-
----- --- - -------------- -- -
------------------
---
------ -- --- -- -- --- -- --总结
在本文中，我们讨论了 ES6 中箭头函数与 arguments 对象的问题，并提出了两种解决方法：使用剩余参数语法和使用包装函数。当你在使用箭头函数时需要访问 arguments 对象时，你可以选择其中一种方法来解决这个问题。
希望本文可以帮助你解决这个问题，并提供了有深度和学习以及指导意义。在文章中也包含了详细的代码示例，方便你进行实践和学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6491518648841e9894f52607