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

推荐答案

-- -------------------- ---- -------
-- ------
-------- ---------- - -------- -
    ------------------- -----------
-

-------- -- --- ------ ------
--------------- -- --- ------ ------

-- ------
-------- --------------- -
    ------ -------------------- ---- -- --- - ---- ---
-

------------------ -- ---- -- --- -
------------------ -- -- -- ---- -- --- --

本题详细解读

默认参数

在 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]，然后计算它们的和。

注意事项

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