在编写 JavaScript 函数时，我们通常需要指定函数的参数列表。但在某些情况下，我们可能需要编写一个接受任意数量参数的函数。
这就是所谓的“无限参数函数”。在 JavaScript 中，我们可以使用特殊语法来实现这一点。
使用剩余参数
JavaScript 支持剩余参数（rest parameters）语法，这使得我们可以在函数声明中使用省略号 ... 来表示一个可变参数的数组。例如：
function sum(...numbers) {
return numbers.reduce((total, number) => total + number);
}
console.log(sum(1, 2, 3)); // 输出 6
console.log(sum(4, 5, 6, 7)); // 输出 22使用剩余参数，我们可以将传递给函数的所有参数收集到一个数组中，并在函数内部进行处理。这使得函数能够处理不同数量的参数，而无需在每次调用时都指定参数的数量。
使用 arguments 对象
除了剩余参数语法外，JavaScript 还支持使用 arguments 对象来访问函数的所有参数。arguments 是一个类数组对象，包含了函数调用时传递的所有参数。例如：
-- -------------------- ---- -------
-------- -------- -
--- ------ - ---
--- ---- - - -- - - ----------------- ---- -
------ -- -------------
-
------ -------
-
--------------------------- ---------- -- -- ------------
------------------------- ------ -------- -- -- -----------虽然 arguments 对象不是一个真正的数组，但它可以在函数内部使用通过索引访问参数，并执行类似于数组的迭代和操作。
需要注意的是，arguments 对象不支持某些数组方法（例如 map() 或 reduce()），因此我们通常需要将其转换为数组才能使用这些方法。例如：
function sum() {
let numbers = Array.from(arguments);
return numbers.reduce((total, number) => total + number);
}
console.log(sum(1, 2, 3)); // 输出 6
console.log(sum(4, 5, 6, 7)); // 输出 22混合使用
在实际应用中，我们可能需要同时使用剩余参数和 arguments 对象来编写接受任意数量参数的函数。例如：
-- -------------------- ---- -------
-------- --------------- ---------- -
--- ------ - ---
--- ---- - - -- - - -------------- ---- -
-- -- - -- -
------ -- ----------
-
------ -- ----------
-
------ -------
-
--------------------- -------- --------- ----------- -- -- ---------------------
--------------------- ------ ------ -------- -- -- -------------在上面的示例中，我们使用了剩余参数语法来收集除第一个参数外的所有参数，并使用 arguments 对象来处理第一个参数。这允许我们在函数声明中明确指定某些参数，同时也能够处理变量数量的参数。
总结
无限参数函数是编写灵活且可重用的 JavaScript 代码的关键。使用剩余参数和 arguments 对象，我们可以轻松地编写接受任意数量参数的函数，并在其内部进行迭代和操作。
当你需要编写一个允许不定数量参数的函数时，记得使用这些技术，它们会让你的代码更加简洁、灵活和易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28538