JavaScript 无限参数 - JavaScript

在 JavaScript 中，函数的参数数量是固定的，但我们可以使用“无限参数”技巧来实现传递任意数量的参数。这通常被称为“可变参数”或“不定参数”。

实现无限参数

想要实现无限参数，我们只需要使用“rest”操作符（三个点“…”）来声明最后一个参数。这个参数会将所有剩余的参数收集到一个数组中。

function foo(...args) {
  console.log(args);
}

foo(1, 2, 3); // [1, 2, 3]
foo("a", "b", "c", "d"); // ["a", "b", "c", "d"]

以上代码中，args 参数使用了“rest”操作符，将所有传入的参数收集到一个数组中。

使用无限参数

收集参数到数组之后，我们可以使用数组的各种方法来操作这些参数。例如，我们可以使用 forEach() 遍历所有参数，将它们拼接成一个字符串等等。

function concatStrings(...strings) {
  let result = "";
  strings.forEach(function(str) {
    result += str;
  });
  return result;
}

console.log(concatStrings("Hello", " ", "World", "!")); // "Hello World!"

以上代码中，我们定义了一个函数 concatStrings()，它使用了无限参数技巧来接收任意数量的字符串，将它们拼接成一个字符串，最后返回它们的结果。

注意事项

在使用无限参数时，我们需要注意以下几点：

• 只能在函数的最后一个参数声明“rest”操作符。
• “rest”操作符不能在对象字面量中使用。
• 如果只传入一个参数，那么“rest”操作符会得到一个长度为1的数组。

结论

JavaScript 中的无限参数技巧可以帮助我们传递任意数量的参数，并使用数组的各种方法操作它们。它是一个非常实用的技巧，值得深入研究和掌握。