背景
在 ECMAScript 6（ES6）中，引入了箭头函数表达式，其语法是更加简洁的函数定义形式。箭头函数不存在 this 和 arguments 对象，而且无法作为构造函数使用，这些限制将在使用箭头函数时进行考虑。但是，在某些情况下，我们需要获取函数调用时所传递的所有参数，这时候，我们需要使用 arguments 对象，但由于箭头函数中没有 arguments 对象，限制了箭头函数的使用范围，很多程序员对这个问题一直存在困惑和不解。
问题
以前，在 JavaScript 中，可以使用 arguments 对象来获取任意数量的参数。但是，在箭头函数中，arguments 对象将无法使用。因此，如果用户需要在箭头函数中访问其参数，他们必须使用一些不太如意的替代方法。
例如，传统的 ES5 函数可以这样写：
// javascriptcn.com 代码示例
function sum() {
var result = 0;
for (var i = 0; i < arguments.length; i++) {
result += arguments[i];
}
return result;
}
console.log(sum(1, 2, 3)); // 输出 6在 ES6 中，可以使用剩余参数来传递任意数量的参数。例如，可以像这样重写 'sum' 函数：
var sum = (...args) => args.reduce((a, b) => a + b); console.log(sum(1, 2, 3)); // 输出 6
但在某些情况下不能使用剩余参数，也可能会给我们带来了一些代码更改的困扰。
解决方案
在 ES7 中，针对箭头函数的 arguments 对象问题，提供了新的解决方案，使用 rest 参数将箭头函数参数捆绑成一个数组，并在函数内部使用这个数组来访问它们。
示例
// javascriptcn.com 代码示例
let sum = (...args) => {
let result = 0;
for (let i = 0; i < args.length; i++) {
result += args[i];
}
return result;
};
console.log(sum(1, 2, 3)); // 输出 6在这个示例中，我们使用剩余参数将所有的参数捆绑成一个数组，并在箭头函数内部访问这个数组，就像访问 arguments 对象一样。
总结
ES7 提供了一种解决箭头函数中 arguments 对象问题的方法， 即使用 rest 参数来捆绑函数参数成为一个数组。这使得箭头函数更加通用和易于使用，并使它们能够与其他类型的函数一样正常工作。这个新的特性让我们可以更加自由和灵活地使用箭头函数，减少了代码更改带来的困扰，是一个非常有用的功能。
在实际开发过程中，我们应该结合具体的需求和项目场景来选择合理的方式来解决问题，提高代码的可读性、性能和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652fa30b7d4982a6eb0d16ac