JavaScript ES6 是一种新的语言标准，它引入了许多新的特性，其中之一就是可以为函数参数提供默认值。这个特性为 JavaScript 的开发带来了很大的便利性。在本文中，我们将通过详细介绍 ES6 中函数默认值的用法、注意事项以及一些实例，帮助读者深入了解这个功能。
函数默认值
函数默认值是指在函数声明时为参数提供默认值的功能。在函数调用时，如果没有传递参数或者传递的参数为 undefined，参数值将被设置为默认值。下面是一些使用函数默认值的例子：
function test(x, y = 10) {
console.log(x + y);
}
test(5); // 输出 15
test(5, 20); // 输出 25在上面的例子中，y 的默认值为 10，因为没有传递 y 的值，所以它被设置为默认值。在第二次调用中，y 的值为 20，因此函数的结果为 25。
在 ES6 中，我们可以为所有的参数提供默认值，而不仅仅是最后一个参数。下面是一个例子：
function test(x = 1, y = 2, z = 3) {
console.log(x + y + z);
}
test(); // 输出 6
test(10); // 输出 15
test(10, 20); // 输出 33
test(10, 20, 30); // 输出 60这个函数有三个参数，并为每个参数都提供了默认值。在没有传递参数时，它们的值将分别为 1、2 和 3。在第二个例子中，只传递了一个参数，因此使用默认值的是 y 和 z。在第三个例子中，只传递了两个参数，因此使用默认值的是 z。
注意事项
虽然函数默认值是一种很方便的功能，但也需要注意一些事项：
默认值只应该用于 undefined 参数
为了避免混淆，函数默认值应该只应用于 undefined 参数，而不应该用于 null、空字符串或 false。因为它们都有自己的含义，以及在条件语句中会被解析为 falsy 值。下面是一个例子：
function test(x = 1, y = 2, z = 3) {
console.log(x + y + z);
}
test(null, "", false); // 输出 0在这个例子中，我们传递了一个 null、一个空字符串和一个 false，它们都被解析为 falsy 值，因此它们使用了默认值。这不是我们想要的结果，因为使用默认值会屏蔽原来的值。因此，如果你想在函数中使用一个默认值，最好将它用于 undefined 参数。
不能在同一函数的参数列表中重复定义默认值
在同一个函数的参数列表中，不能重复定义默认值。这是因为 JavaScript 引擎无法确定设置的默认值是属于哪个参数的。下面是一个例子：
function test(x = 1, y = 2, x = 3) {
console.log(x + y);
}
test(); // 输出 "Identifier 'x' has already been declared"在这个例子中，参数列表中定义了两个同名的参数 x，这将导致语法错误。如果你想提供多个参数的默认值，请使用对象解构或者数组解构来重构函数的参数。
示例
下面是一些使用函数默认值的实例：
应用程序配置
下面是一个示例，展示如何使用函数默认值为整个应用程序提供配置：
-- -------------------- ---- -------
-------- ------------- - --- -
----- --- - ---------- -- ------------------------
----- -------- - --------------- -- -------
--------------------- --- -- -------- ---- --- ----- -------------------
-
--------- -- -- --------- --- -- ----------------------- ---- --- ----- ----------
------------ --------------------- --------- ---------- -- -- --------- --- -- -------------------- ---- --- ----- -----------在这个例子中，我们使用函数默认值来提供一个空对象作为参数并为其设置默认值。然后，我们检查对象中的属性是否存在，如果属性不存在，则使用默认值。在第一个例子中，我们使用了默认配置，而在第二个例子中，我们传递了自定义配置。
求数组平均值
下面是一个示例，展示如何使用函数默认值为数组类型提供平均值：
function average(numbers = []) {
const total = numbers.reduce((acc, number) => acc + number, 0);
return total / numbers.length;
}
console.log(average()); // 输出 "NaN"
console.log(average([1, 2, 3, 4])); // 输出 2.5在这个例子中，我们使用函数默认值为数组赋予一个空数组。然后，我们使用 reduce() 方法计算总和，并计算出平均值。在第一个例子中，由于没有传递任何参数，因此返回 NaN。在第二个例子中，我们传递了包含四个数字的数组，并计算出了平均值。
结论
函数默认值是一种非常实用的功能，可以使 JavaScript 开发人员更加方便地编写更为灵活的代码。当你需要为函数参数提供默认值时，请确保只将默认值用于 undefined 参数，并且不要在同一个函数的参数列表中重复定义默认值。使用默认值可以使你的代码更加简洁、易于使用和可读性更强。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6753a68f8bd460d3ada690c1