es6 默认参数
在 ES6 中，我们可以通过为函数的参数指定默认值来解决未传递参数或传递 undefined 时导致程序出错的问题。这种解决方案使得代码更加简洁且易于维护。接下来我们将详细探讨如何使用默认参数，并提供几种不同的实现思路。
基本用法
来看一个简单的例子，假设我们需要编写一个计算矩形面积的函数，如果用户没有提供宽度或高度，则使用默认值：
javascript
function calculateArea(width = 5, height = 10) {
return width * height;
}</p>
<p>console.log(calculateArea()); // 输出 50 (默认值 5 * 10)
console.log(calculateArea(8)); // 输出 80 (8 * 10)
console.log(calculateArea(8, 6)); // 输出 48 (8 * 6)
在这个例子中，如果调用 calculateArea() 时没有提供参数，那么 width 将被设置为 5，height 将被设置为 10。
结合解构赋值
ES6 还支持通过对象解构的方式来设置默认参数。这种方式特别适合处理复杂的数据结构。例如，我们有一个函数需要从对象中提取数据并进行处理：
``javascriptName: ${name}, Age: ${age}`;
function getUserInfo({ name = 'Guest', age = 18 } = {}) {
return
}
console.log(getUserInfo()); // 输出 "Name: Guest, Age: 18"
console.log(getUserInfo({ name: 'Alice' })); // 输出 "Name: Alice, Age: 18"
console.log(getUserInfo({ name: 'Bob', age: 25 })); // 输出 "Name: Bob, Age: 25"
```
这里需要注意的是，对象解构的默认值 {} 必须显式地写出来，否则当传入 undefined 时会导致错误。
动态默认值
有时候，默认值可能不是一个固定的数值，而是需要根据其他参数动态计算得出。在 ES6 中，这也可以轻松实现：
``javascriptFinal Price: ${finalPrice}`;
function calculateDiscount(price, discountRate = 0.1) {
const finalPrice = price - price * discountRate;
return
}
console.log(calculateDiscount(100)); // 输出 "Final Price: 90"
console.log(calculateDiscount(200, 0.2)); // 输出 "Final Price: 160"
```
在这个例子中，discountRate 的默认值是 0.1（即 10% 的折扣）。如果没有提供折扣率，则使用这个默认值进行计算。
与条件语句结合
尽管默认参数功能强大，但在某些情况下，结合传统的条件语句可以提供更灵活的解决方案。例如：
``javascriptHello, ${name}!`;
function greet(name) {
if (!name) {
name = 'Stranger';
}
return
}
console.log(greet()); // 输出 "Hello, Stranger!"
console.log(greet('John')); // 输出 "Hello, John!"
```
这种方法虽然稍微冗长一些，但提供了更大的灵活性，特别是在需要执行更复杂的逻辑判断时。
来说，ES6 的默认参数特性极大地简化了函数定义中的参数处理逻辑，使得代码更加清晰和易读。无论是基本用法、结合解构赋值、动态默认值还是与条件语句结合，都有其适用场景。
