ES6 是 ECMAScript 新一代标准，带来了许多新的特性。其中一个重要的特性是函数的默认参数。默认参数使得我们能够为函数参数指定默认值，即使用户没有传递任何参数也不会出错。在本文中，我们将学习如何使用默认参数及其在实践中的指导意义。
如何使用默认参数
在 ES6 中，我们可以通过在函数声明时为参数赋值来设置默认参数。如果调用函数时未传递该参数，则使用默认值。下面是一个简单的例子：
function greet(name = 'World') { console.log(`Hello, ${name}!`); } greet(); // 输出 "Hello, World!" greet('John'); // 输出 "Hello, John!"
在上面的例子中，如果调用 greet 函数时未传递任何参数，则使用默认值 'World'。第二次调用时，我们传递了一个值 'John'，它覆盖了默认值。
我们还可以使用先前声明的参数作为默认值的一部分。下面是一个例子：
function multiply(a, b = a) { return a * b; } multiply(2); // 输出 4 multiply(2, 3); // 输出 6
在上面的例子中，我们使用先前声明的参数 a 作为参数 b 的默认值。如果 b 没有传递，则使用 a 的值。
需要注意的是，只有未定义的参数才会使用默认值，而不是 null 或空字符串。例如，以下代码将不会工作：
function greet(name = 'World') { console.log(`Hello, ${name}!`); } greet(''); // 输出 "Hello, !"
因为空字符串也传递了一个值，因此默认值不会被使用。
学习与指导意义
使用默认参数的一个好处是使函数更具有可读性和可维护性。当我们在调用函数时只想使用默认值时，我们可以省略该参数，而不必记住该参数的默认值。这使得函数更加易读，并且可以防止出现错误。
默认参数还可以减少代码中的重复。如果我们在多个地方使用了同样的默认值，我们可以将其提取到函数声明中。这使得我们的代码更加简洁，并且减少了出错的余地。
然而，我们也应该谨慎使用默认参数。过多的默认参数可能使代码过于复杂并且难以理解。我们应该始终考虑函数参数的真实用途，并在必要时提供有意义的默认值。
最后，还需要注意的是，ES6 默认参数不适用于之前的 JavaScript 版本。因此，在使用默认参数之前，我们需要确保我们的代码可以在旧版本的浏览器上运行。
示例代码
下面我们来看一个使用默认参数的复杂示例：
-- -------------------- ---- ------- -------- ------------------------ ----- - --- --- - --- - ----- ----- - --- ---------- ------ ----- ----- --------- - --- ---------- --- ---- ----- ---- - --------------------- - ------ - ----- - -- - -- - ----- ------ ----- - -------------------------------------- -- -- --- ------------------------------------ -- ---- -- -- --- ------------------------------------ -- ----- -- -- ---展开代码
在上面的示例中，我们定义了一个 daysUntilChristmas 函数，它接受一个年份、月份和日期。如果用户未传递月份和日期，则使用默认值。该函数用于计算距离圣诞节的天数，并返回结果。
我们调用 daysUntilChristmas 函数三次，传递一个年份和不同的日期。在第一次和第二次调用中，我们未传递月份和日期，因此默认值被使用。在第三次调用中，我们传递了一个特定的月份和日期。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b76de9306f20b3a646427c
