JavaScript 中默认参数、剩余参数的用法？

推荐答案

// www.javascriptcn.com code example
// 默认参数示例
function greet(name = "Guest") {
    console.log(`Hello, ${name}!`);
}

greet(); // 输出: Hello, Guest!
greet("Alice"); // 输出: Hello, Alice!

// 剩余参数示例
function sum(...numbers) {
    return numbers.reduce((acc, num) => acc + num, 0);
}

console.log(sum(1, 2, 3)); // 输出: 6
console.log(sum(1, 2, 3, 4, 5)); // 输出: 15

本题详细解读

默认参数

在 JavaScript 中，默认参数允许你在函数定义时为参数指定默认值。如果调用函数时没有传递该参数，或者传递的值为 undefined，则会使用默认值。

• 语法：function functionName(param1 = defaultValue1, param2 = defaultValue2) { ... }
• 示例：

  function greet(name = "Guest") {
      console.log(`Hello, ${name}!`);
  }

  • 如果调用 greet()，name 参数将使用默认值 "Guest"。
  • 如果调用 greet("Alice")，name 参数将使用传递的值 "Alice"。

剩余参数

剩余参数允许你将不定数量的参数表示为一个数组。这在处理可变数量的参数时非常有用。

• 语法：function functionName(...restParams) { ... }
• 示例：

  function sum(...numbers) {
      return numbers.reduce((acc, num) => acc + num, 0);
  }

  • sum(1, 2, 3) 会将 1, 2, 3 打包成一个数组 [1, 2, 3]，然后计算它们的和。
  • sum(1, 2, 3, 4, 5) 会将 1, 2, 3, 4, 5 打包成一个数组 [1, 2, 3, 4, 5]，然后计算它们的和。

注意事项

• 默认参数和剩余参数可以结合使用，但剩余参数必须放在参数列表的最后。
• 默认参数的值可以是表达式，甚至是函数调用。
• 剩余参数只能有一个，并且必须是最后一个参数。