ES7 中新增的函数参数默认值是一项非常强大的特性，可以方便地为函数参数设置默认值。这对于前端开发者来说非常有用，因为他们经常需要编写大量较复杂的代码，并且需要使用多个参数的功能。在本文中，我们将详细讨论 ES7 中新增的函数参数默认值，并且会给大家一些实际的代码示例。
ES7 中的函数参数默认值概述
在 ES7 中，我们可以在参数列表中设置参数的默认值。如果参数未传递或者传递的值是 undefined，那么参数将自动使用默认值。下面是一个例子：
function foo(num = 2) {
console.log(num);
}
foo(); // 输出 2
foo(5); // 输出 5在上面的示例中，如果我们调用 foo 函数时不传递任何参数，那么参数 num 将使用默认值 2。如果我们传递了一个 5，则参数 num 将使用传递的值 5。
参数默认值的高级用法
除了接受默认值之外，函数参数默认值还有许多高级用法。在下面的示例中，我们将介绍这些用法：
使用前一个参数的值作为默认值
我们可以使用前一个参数的值作为当前参数的默认值。下面是一个例子：
function foo(a, b = a + 1) {
console.log(a, b);
}
foo(1); // 输出 1 2
foo(1, 5); // 输出 1 5在上面的示例中，参数 b 的默认值是 a+1，所以如果我们传递只一个 1，则参数 b 的默认值将为 2。
使用函数调用作为默认值
我们也可以使用一个函数调用作为默认值，如下例所示：
-- -------------------- ---- ------- -------- --------------- - ------ -- - -------- ------- - ---------------- - ----------------- - ------ -- -- -
在上面的示例中，当我们调用 foo 函数时未传递任何参数，则参数 num 将使用 getDefaultNum() 函数的返回值作为默认值。
确定参数是否传递
我们可以使用一些方法来确定参数是否传递。下面是一个例子：
function foo(num = 2, isDefined = false) {
if (isDefined) {
console.log(num);
}
}
foo(undefined, true); // 输出 2
foo(5, true); // 输出 5在上面的示例中，我们添加了一个新的参数 isDefined，该参数用于确定参数 num 是否传递了。如果我们将 isDefined 设置为 true，则它将打印传递的 num 值，否则不打印。
总结
在本文中，我们讨论了 ES7 中新增的函数参数默认值。我们看到了如何使用参数的默认值，以及如何使用前一个参数、函数调用、和方法来定义参数默认值。我们还介绍了一种方法来确定是否传递了参数。我们希望这些内容对前端开发者有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6492444e48841e9894013b53