ES9 中简化函数参数默认值的逻辑
在 JavaScript 中，函数参数默认值是一种非常常见的编程技巧。在 ES6 中，我们可以通过在函数参数中使用赋值运算符来定义默认值，例如：
function myFunction(x = 10, y = 20) {
console.log(x + y);
}
myFunction(); // 输出 30
myFunction(5); // 输出 25
myFunction(undefined, 5); // 输出 15在上面的例子中，我们定义了一个名为 myFunction 的函数，它有两个参数 x 和 y，并且为它们都设置了默认值。当我们调用这个函数时，如果没有传入参数，它们将会使用默认值。如果只传入了一个参数，那么第二个参数将使用默认值。如果传入了 undefined，那么对应的参数也会使用默认值。
虽然这种方式很方便，但是它也有一些问题。例如，如果我们想要为第二个参数设置默认值，但是不想为第一个参数设置默认值，我们就需要使用 undefined 来跳过第一个参数。这使得代码的可读性变得很差。
在 ES9 中，我们可以使用更简洁的语法来解决这个问题。我们可以在函数参数中直接使用其他参数的默认值，例如：
function myFunction(x, y = x * 2) {
console.log(x + y);
}
myFunction(5); // 输出 15
myFunction(5, 10); // 输出 15在上面的例子中，我们定义了一个名为 myFunction 的函数，它有两个参数 x 和 y。我们为 y 设置了默认值，这个默认值是 x * 2。这样，当我们只传入一个参数时，y 的默认值就会是 x 的两倍。
这种方式不仅让代码更加简洁，而且还可以提高代码的可读性和可维护性。我们可以更轻松地理解函数的参数逻辑，从而更方便地编写和维护代码。
总结
在 ES9 中，我们可以使用更简洁的语法来定义函数参数的默认值。这种语法不仅可以让代码更加简洁，而且还可以提高代码的可读性和可维护性。我们应该在编写 JavaScript 代码时尽可能地使用这种语法，以提高代码的质量和效率。
示例代码
// javascriptcn.com 代码示例
// ES6
function myFunction(x = 10, y = 20) {
console.log(x + y);
}
// ES9
function myFunction(x, y = x * 2) {
console.log(x + y);
}来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656d26ecd2f5e1655d57aa6b