在 JavaScript 中，函数是非常重要的，因为它们可以让我们编写可重用的代码块。在 ES6 中，我们引入了很多有用的新功能，例如箭头函数和解构赋值。而在 ES7 中，我们引入了另一个非常有用的功能：函数默认值。
函数默认值使我们能够为函数参数设置默认值。这意味着我们可以简化我们的函数，而无需在每个函数中检查和设置参数的默认值。在本文中，我们将详细介绍 ES7 中如何使用函数默认值简化函数编写，并提供示例代码。
如何设置函数默认值
在 ES7 中，我们可以通过在函数参数中使用新的 => 运算符来设置函数参数的默认值。例如，考虑下面的示例：
function hello(name = 'World') {
console.log(`Hello ${name}!`);
}
hello(); // 输出 "Hello World!"
hello('John'); // 输出 "Hello John!"在上面的代码中，我们定义了一个名为 hello 的函数，并在其参数列表中设置了一个默认值。如果在调用 hello 函数时未传入任何参数，则默认使用 World 作为参数。在第二个示例中，我们传递了 John 作为参数，因此 Hello John! 将被输出。
通过这种方式，我们可以为函数参数设置默认值，从而在调用函数时省略参数，并且不会导致错误。而且，这样做也可以让我们编写更简洁，更易于阅读的代码。
参数默认值不能依赖于其他参数
需要注意的是，在设置函数默认值时，不能依赖于其他参数。如果您这样做，将会得到一个 ReferenceError 错误。
// 不可行示例
function test(a, b = a + 1) {
console.log(a, b);
}
test(5); // 输出 "5 6"
test(5, 10); // 输出 "5 10"
test(); // 输出 "undefined NaN"在上面的示例中，我们尝试设置参数 b 的默认值等于参数 a 加 1。但是，当我们尝试在没有指定任何参数的情况下调用 test 函数时，会得到一个 ReferenceError 错误。这是因为默认值 b 引用了当前作用域中的 a，而此时 a 是未定义的。
小结
通过使用 ES7 中的函数默认值功能，我们可以定义更简洁、易于阅读的代码，并减少重复的代码。在函数执行时，如果未传递参数，则使用默认参数值。不过，需要注意不能在设置函数默认值时依赖其他参数。
这里是一个更复杂的示例：
function computePrice(itemCount, itemPrice = 10, taxRate = 0.1) {
return itemCount * itemPrice * (1+taxRate);
}
console.log(computePrice(3)); // 33
console.log(computePrice(3, 15)); // 49.5
console.log(computePrice(3, 15, 0.15)); // 56.25上面是一个计算商品价格的函数，其中第一个参数 itemCount 表示购买商品的数量，第二个参数 itemPrice 表示单价，第三个参数 taxRate 表示税率。如果不提供 itemPrice 和 taxRate 参数，它们会使用默认值。
希望本文能对大家理解 ES7 中使用函数默认值的原理有所帮助，进而使用此工具来提高开发效率。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67818f3c935627c900dede74