js 进阶 ---剩余参数和arguments对象

在JavaScript中，我们可以使用...(剩余参数)语法来获取函数的多余参数，并将它们作为一个数组。同时，我们还可以使用arguments对象来访问所有传递给函数的参数。

1. 使用剩余参数

function sum(...values) {
  let sum = 0;
  for (let val of values) {
    sum += val;
  }
  return sum;
}
 
console.log(sum(1, 2, 3)); // 输出：6

在这个例子中，我们定义了一个名为sum的函数，它接受任意数量的参数。我们使用...values语法来获取所有的参数，并将它们作为一个数组。然后我们遍历这个数组并将所有的值加起来，返回最终的总和。

2. 使用arguments对象

function printArgs() {
  console.log(arguments);
}
 
printArgs('Hello', 'World'); // 输出：[Arguments] { '0': 'Hello', '1': 'World' }

在这个例子中，我们定义了一个名为printArgs的函数，它接受任意数量的参数。我们使用arguments对象来访问所有传递给函数的参数。然后我们打印出arguments对象，它是一个类数组对象，包含了所有传递给函数的参数。

注意：剩余参数和arguments对象应该谨慎使用，因为在使用它们时，你可能会忽略参数的顺序，这可能会导致代码的可读性降低。