动态参数的函数

在 JavaScript 中，你可以通过以下几种方式编写接受动态数量参数的函数：

1. arguments 对象

arguments 是一个类数组对象，包含了函数调用时传入的所有参数。

function dynamicArgs() {
    for (let i = 0; i < arguments.length; i++) {
        console.log(arguments[i]);
    }
}

dynamicArgs(1, 2, 3); // 输出: 1, 2, 3

2. 剩余参数（Rest Parameters）

剩余参数语法允许你将不定数量的参数表示为一个数组。

function dynamicArgs(...args) {
    args.forEach(arg => console.log(arg));
}

dynamicArgs(1, 2, 3); // 输出: 1, 2, 3

3. 使用函数原型

Function.prototype.apply 或 Function.prototype.call 这些方法允许你以数组形式传递参数。

function dynamicArgs() {
    const args = Array.prototype.slice.call(arguments);
    args.forEach(arg => console.log(arg));
}

dynamicArgs(1, 2, 3); // 输出: 1, 2, 3

4. ES6 的 Array.from

将 arguments 对象转换为数组。

function dynamicArgs() {
    const args = Array.from(arguments);
    args.forEach(arg => console.log(arg));
}

dynamicArgs(1, 2, 3); // 输出: 1, 2, 3

5. 默认参数和剩余参数结合

你可以结合默认参数和剩余参数来处理动态数量的参数。

function dynamicArgs(first, second, ...rest) {
    console.log(first);  // 输出: 1
    console.log(second); // 输出: 2
    console.log(rest);   // 输出: [3, 4, 5]
}

dynamicArgs(1, 2, 3, 4, 5);

总结

• arguments 对象：适用于 ES5 及更早版本，但不如剩余参数直观。
• 剩余参数（...args）：是 ES6 引入的推荐方式，代码更简洁易读。
• apply 或 call：适用于需要动态传递参数的场景。
• Array.from：将 arguments 转换为数组的另一种方式。

通常情况下，推荐使用剩余参数语法，因为它更现代且易于理解。