JavaScript 函数的默认参数298

什么是默认参数？

默认参数允许您在调用函数时为其参数指定默认值。如果在调用时未提供参数，则使用默认值。这在确保函数始终具有有效值并简化函数调用时非常有用。

在 JavaScript 中声明默认参数

要为 JavaScript 函数声明默认参数，请使用以下语法：```
function functionName(parameter1 = defaultValue1, parameter2 = defaultValue2, ...) {
// 函数体
}
```

例如，以下函数将 age 参数的默认值设置为 18：```
function greet(name, age = 18) {
(`Hello ${name}, your age is ${age}`);
}
```

使用默认参数

在调用函数时，您可以提供参数或省略参数以使用默认值。如果您提供参数，它将覆盖默认值：```
greet("John", 25); // 输出: "Hello John, your age is 25"
greet("Jane"); // 输出: "Hello Jane, your age is 18"
```

避免滥用默认参数

虽然默认参数非常方便，但重要的是不要滥用它们。如果您需要为函数的大多数参数指定默认值，则可能表明您的函数设计有缺陷。考虑将这些参数分解为可选参数或使用对象作为参数。

何时使用默认参数

默认参数特别适用于以下情况：* 提供函数行为的可选设置
* 确保函数始终具有有效参数
* 简化函数调用，避免传递空值

替代方案：可选参数

JavaScript 中的另一个选择是使用可选参数。可选参数允许您声明一个参数，但它不是必需的。要声明可选参数，请在参数名前面添加问号（？）：```
function greet(name, age?) {
// 函数体
}
```

使用可选参数时，如果您在调用函数时不提供参数，它将被视为未定义。

默认参数与可选参数的比较| 特性 | 默认参数 | 可选参数 |
|---|---|---|
| 语法 | `parameter = defaultValue` | `parameter?` |
| 默认值 | 必须提供 | 默认情况下为 undefined |
| 调用 | 可以传递参数或使用默认值 | 可以传递参数或省略参数 |
| 适用性 | 提供可选设置、确保有效值、简化调用 | 声明可选参数 |

默认参数是 JavaScript 中一种强大的工具，可让您轻松创建具有灵活输入的函数。然而，重要的是要明智地使用它们，并避免滥用它们。通过有效利用默认参数，您可以编写易于使用、健壮且可维护的函数。

2025-02-05

上一篇：JavaScript 程序员的进阶指南

下一篇：廖雪峰的 JavaScript 教程：现代 JavaScript 语言指南