在前端开发中，使用函数是常见的操作。函数可以接收参数，但有些时候我们并不确定是否需要传入这个参数，因此就提供了可选参数的功能。而在 ES7 中，为可选参数提供默认值是一项很有用的特性。
默认值简介
默认值是指当没有传入参数时，函数将使用预设的默认值。在 ES7 中，我们可以使用简单的代码语法来实现该功能。
-------- ------- - - -- - ------ - - -- - ------------------- ---- -- - --------------------- -- -
在上面的代码中，如果我们没有传入第二个参数 b，函数将默认使用 0 作为 b 的值。这让我们的代码变得更加简洁而且易读。
默认值的深入理解
默认值实际上是一个表达式，这使得它非常灵活。在默认值表达式中，我们可以使用几乎任何可用的 JavaScript 代码，比如函数调用，运算符等等。
-------- ------------------ - -------- --------- - ------ ---------------------- - -------------------------- -- ------- ------- --------------------------- ----------- -- --- -------
在上面的代码中，我们可以看到 getDefaultMessage 函数的参数 message 中的默认值是一个字符串，之后该字符串被转换成大写字母。当 getMessage 函数被调用时，如果没有传入任何参数，则使用字符串 'default message' 作为默认值；输入参数会在被转换成大写之前传递到 getMessage 函数中。
默认值的指导意义
为可选参数提供默认值是一个很有用的特性，它有以下优点：
1. 提高代码可读性
有了默认值，我们可以更加清晰地为函数参数提供说明，从而使得代码更加易读。
2. 减少代码重复
通过为可选项提供默认值，我们可以减少函数写法的代码重复，提高代码质量。
3. 更加灵活
使用默认值可以使得函数处理多种情况变得更加灵活。
代码示例
现在，我们来看一个更加复杂的示例，该示例通过使用默认值和 rest 参数展示了如何编写一个支持不同组合的函数。
-------- ------ - - ---------- -------- - ---------------- - --- ---------------- - --- ------------------- - ------ - ----------- ---------- -------- -------------
在上面的代码示例中，我们定义了 foo 函数，该函数接受三个参数：a，b，args。其中参数 b 设置了默认值，如果没有传入 b 的值，则默认使用字符串 "default"，参数 args 使用了剩余参数（rest parameters）语法，这个语法可以让我们将剩余的参数收集到一个数组中。在最后一行代码中，我们调用了 foo 函数，并传入了三个参数。由于没有显式的传入参数 b，所以我们得到了默认值"default"。
结论
在 ES7 中为可选参数提供默认值是一个很有用的特性。该特性可以减少代码重复，并增加代码灵活性。当我们需要写一个支持多种组合情况的函数时，这项功能甚至更加重要。在写代码时，要充分利用该特性，以改善代码可读性和质量。同时也要注意默认值会被忽略的场景，尤其是有些参数的值为 null 或 undefined 的情况，这个时候要慎重考虑是否使用默认值。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f3a9eff40ec5a964e4142d