JavaScript 中如何处理函数参数？

推荐答案

在 JavaScript 中，函数参数可以通过以下几种方式处理：

1. 默认参数：可以为函数参数设置默认值，当调用函数时未传递该参数时，将使用默认值。

   function greet(name = "Guest") {
       console.log(`Hello, ${name}!`);
   }
   greet(); // 输出: Hello, Guest!
   greet("Alice"); // 输出: Hello, Alice!

2. 剩余参数：使用 ... 语法可以将多个参数收集到一个数组中。

   function sum(...numbers) {
       return numbers.reduce((acc, num) => acc + num, 0);
   }
   console.log(sum(1, 2, 3)); // 输出: 6

3. 解构赋值：可以通过解构赋值从对象或数组中提取参数。

   function printUser({ name, age }) {
       console.log(`Name: ${name}, Age: ${age}`);
   }
   const user = { name: "Bob", age: 25 };
   printUser(user); // 输出: Name: Bob, Age: 25

4. arguments 对象：在非箭头函数中，可以使用 arguments 对象访问所有传递给函数的参数。

   function showArgs() {
       console.log(arguments);
   }
   showArgs(1, 2, 3); // 输出: [1, 2, 3]

本题详细解读

默认参数

默认参数允许你在定义函数时为参数指定默认值。如果调用函数时未传递该参数，或者传递的值为 undefined，则使用默认值。这在处理可选参数时非常有用。

剩余参数

剩余参数语法 ... 允许你将多个参数收集到一个数组中。这在处理不定数量的参数时非常方便，例如在求和或拼接字符串时。

解构赋值

解构赋值允许你从对象或数组中提取值，并将其赋值给变量。在函数参数中使用解构赋值可以方便地从传入的对象或数组中提取所需的值。

arguments 对象

arguments 对象是一个类数组对象，包含了传递给函数的所有参数。它只在非箭头函数中可用。虽然 arguments 对象在某些情况下仍然有用，但在现代 JavaScript 中，推荐使用剩余参数语法来替代它。

通过这些方法，JavaScript 提供了灵活的方式来处理函数参数，使得函数定义和调用更加简洁和强大。