在 JavaScript 中，函数参数的默认值可以使函数更加灵活。ES6 引入了这个功能，但是默认值不能引用前面的参数，这限制了函数的功能。ES11 引入了一个新的语法，允许函数参数的默认值引用前面的参数。在本文中，我们将介绍如何使用这个新的语法来解决这个问题。
问题的背景
在 ES6 中，我们可以定义函数参数的默认值。例如，下面的函数定义了一个参数 x，默认值为 0：
function foo(x = 0) {
console.log(x);
}在调用函数时，如果没有传递参数，参数 x 将使用默认值 0：
foo(); // 0
如果传递了参数，则会覆盖默认值：
foo(10); // 10
但是，这种方式存在一个限制：默认值不能引用前面的参数。例如，下面的函数是不合法的：
function bar(x, y = x + 1) {
console.log(x, y);
}在这个函数中，我们试图使用前面的参数 x 来计算参数 y 的默认值。但是，这是不合法的语法。在 ES6 中，只能使用已经声明的变量或常量来设置默认值。
这个限制使得函数的定义非常局限。如果我们想要定义一个函数，其中一个参数的默认值依赖于另一个参数，我们需要使用额外的代码来实现。例如，下面是一个使用 if 语句来定义默认值的函数：
function baz(x, y) {
if (y === undefined) {
y = x + 1;
}
console.log(x, y);
}这种方式非常笨拙，并且会使代码更加难以理解。ES11 引入了一个新的语法，允许函数参数的默认值引用前面的参数，从而解决了这个问题。
解决方案
在 ES11 中，我们可以使用一个新的语法来定义函数参数的默认值，该语法使用 => 符号将默认值与前面的参数连接起来。例如，下面的函数定义了一个参数 x 和一个参数 y，其中 y 的默认值依赖于 x：
function qux(x, y = x + 1) {
console.log(x, y);
}在这个函数中，我们使用 = x + 1 来定义参数 y 的默认值。此语法允许我们以更简洁的方式定义函数参数的默认值，并消除对额外代码的需求。
然后，我们可以像往常一样调用这个函数：
qux(10); // 10, 11
在这个调用中，我们只传递了一个参数 10，而参数 y 的默认值被设置为 x + 1，所以 y 的值为 11。
如果我们传递了两个参数，它们将覆盖默认值：
qux(10, 20); // 10, 20
在这个调用中，我们使用了两个参数 10 和 20，所以参数 x 的值为 10，参数 y 的值为 20，并覆盖了默认值 x + 1。
总结
ES11 引入的新语法允许函数参数的默认值引用前面的参数，这使得函数定义更加灵活和易于编写。我们可以使用 = 和 => 符号来定义函数的默认值，从而消除了对额外代码的需求。在使用这些新语法时，我们需要谨慎考虑参数的顺序和默认值的依赖关系，以避免出现问题。但是，这种方式比使用额外的代码来定义默认值更加方便和易于理解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6501250795b1f8cacdef462b