ES6 中 JavaScript 函数的默认参数197

在 JavaScript 中，函数的参数在函数定义时指定。如果未提供参数值，则该参数将被视为 undefined。

ES6 引入了默认参数，允许在函数定义中为参数指定默认值。如果未提供参数值，则使用默认值。这提供了一种便捷的方法来处理可选参数，避免在函数调用中传递 undefined。

使用默认参数

要使用默认参数，请在函数参数声明中使用赋值运算符 (=) 后的表达式：
```javascript
function greet(name = "Guest") {
(`Hello, ${name}!`);
}
```

在上面的示例中，`name` 参数具有默认值 "Guest"。如果未在函数调用中提供 name 参数，则使用默认值。

例如：
```javascript
greet(); // 输出 "Hello, Guest!"
greet("Alice"); // 输出 "Hello, Alice!"
```

多个默认参数

可以为函数的多个参数指定默认值。例如：
```javascript
function add(a = 0, b = 0) {
return a + b;
}
```

在上面的示例中，`a` 和 `b` 参数都具有默认值 0。这允许您在未提供参数的情况下调用函数，或者仅提供一个参数。

例如：
```javascript
add(); // 输出 0
add(1); // 输出 1
add(1, 2); // 输出 3
```

默认参数与剩余参数

默认参数与剩余参数（使用三个点运算符 ...）不同。剩余参数允许您收集函数调用中剩余的参数到一个数组中。它们只能用于函数的最后一个参数。

例如：
```javascript
function sumAll(...numbers) {
let total = 0;
for (const num of numbers) {
total += num;
}
return total;
}
```

在上面的示例中，numbers 参数是剩余参数，它收集函数调用中传递的所有参数到一个数组中。

例如：
```javascript
sumAll(1, 2, 3, 4, 5); // 输出 15
```

默认参数的优点* 可读性增强：默认参数使函数定义更具可读性，因为它清楚地表明了可选参数的预期值。
* 减少错误：通过消除对 undefined 的依赖，默认参数有助于减少错误，因为函数始终可以访问有效的参数值。
* 灵活性：默认参数允许您灵活地处理可选函数参数，而无需编写复杂的条件语句。
* 向后兼容性：ES6 默认参数向下兼容到较旧的 JavaScript 引擎，因为它使用语法扩展而不是修改底层语言。

小结

ES6 中的默认参数提供了一种简便且强大的方法来处理可选函数参数。它们可以提高代码的可读性、减少错误并增加灵活性。通过了解如何使用默认参数，您可以编写更简洁、更健壮的 JavaScript 函数。

2025-02-05

上一篇：JavaScript 中的键值对数组：全面解析

下一篇：JavaScript 类方法的调用