在 JavaScript 编程中，我们经常需要传递参数给函数，并在函数内部使用这些参数。传递参数有两种方式：位置参数和命名参数，ES6 之前我们只能使用位置参数和 arguments 对象进行参数获取。而 ES6 中，新增了一些处理参数的特性，如默认参数、剩余参数和解构参数，这些特性更加灵活和方便。
在本篇文章中，我们将主要讨论 ES6 中的 arguments 对象，包括其用法、用例和使用注意事项等。
arguments 对象的用法
在 ES6 之前，当我们需要获取一个函数中的所有参数列表时，需要使用 arguments 对象。arguments 对象是很有用的函数参数对象，在函数内部，我们可以使用该对象来访问函数参数的值，并且可以通过 for 循环遍历访问所有参数。arguments 对象是一个实参数组，其特点是可以访问实参列表的每一个元素，并且不需要指定函数的形式参数。这使得函数可以处理不定数量的参数，做到了动态灵活的功能。
例如：
function sum() {
var result = 0;
for (var i = 0; i < arguments.length; i++) {
result += arguments[i];
}
return result;
}
console.log(sum(1, 2)); // 3
console.log(sum(1, 2, 3, 4)); // 10
console.log(sum()); // 0通过上述代码，我们可以看到，函数 sum 中并没有明确指定形参，而是通过 arguments 对象进行实参的访问，从而实现了对不定数量参数的处理求和功能。
arguments 对象的用例
在实际开发中，我们有时候可能需要使用 arguments 对象来设计一些工具函数，以兼容不同数量的参数。例如：$$\Large{求平均数}$$
function average() {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum / arguments.length;
}
console.log(average(1, 2, 3)); // 2
console.log(average(4, 5, 6, 7)); // 5.5又例如：$$拼接字符串$$
function concat() {
var result = "";
for (var i = 0; i < arguments.length; i++) {
result += arguments[i];
}
return result;
}
console.log(concat("Hello", "World!")); // HelloWorld!
console.log(concat("JavaScript", " ", "is", " ", "fun!")); // JavaScript is fun!使用注意事项
虽然 arguments 对象非常方便，可以很好地支持不定数量的参数，但是也有一些需要注意的地方。
arguments 对象是一个类数组，但不是一个真正的数组。虽然可以通过遍历访问所有元素，但是没有数组对象的所有方法和属性，如 push、pop、slice、length 等。
在函数中不能重复使用命名参数和 arguments 对象，如下所示：
function foo(a) { var a; // 重复定义 a，可能引发错误 arguments[0] = 2; // arguments 对象也不能重复使用 console.log(a); } foo(1); // 1使用 arguments 对象可能会导致性能问题。因为每次调用函数都会创建 arguments 对象，所以在调用函数时从参数列表传递参数比从 arguments 对象访问参数更快速。
不能在严格模式下使用 arguments.callee 和 arguments.caller。在 ES5 中引入了严格模式，该模式中 arguments.callee 和 arguments.caller 被禁止使用，原因是这些函数的访问会延缓 JavaScript 引擎的优化。
总结
通过本篇文章，我们了解了 ES6 中的 arguments 对象，包括其用法和使用注意事项。arguments 对象的灵活性和动态性不容忽视，但在实际开发中需要注意不要滥用 arguments 对象，避免出现代码不易维护的情况。除此之外，ES6 中的默认参数、剩余参数和解构参数等特性也有很好的实用价值，能够更加方便地处理参数。希望通过本文的介绍，可以帮助你更好地掌握 ES6 中的参数处理相关知识。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/659f8ebfadd4f0e0ff82185b