在前端开发中，我们经常需要编写函数来处理数据或执行某些特定的操作。而函数的参数设置是函数设计的重要方面，但是在实际开发中，存在着很多函数参数问题，如何解决这些问题呢？在 ES6 中，我们可以使用默认参数来避免这些问题。
什么是默认参数？
默认参数是一种在函数参数列表中为参数提供默认值的方法，当函数被调用时，如果没有传递相应的参数，则使用默认值作为参数的值。
function createUserName(firstName, lastName, middleName = '') {
return `${firstName} ${middleName} ${lastName}`;
}
console.log(createUserName('Bruce', 'Wayne')); // "Bruce Wayne"
console.log(createUserName('Clark', 'Kent', 'Joseph')); // "Clark Joseph Kent"在上述代码中，middleName 参数使用了默认值 ''，如果未传递这个参数，它的默认值将被使用。如果传递了这个参数，它将使用传递的值。
如何使用默认参数避免函数参数问题？
在日常开发中，很多函数中需要对参数类型或者数量进行判断，而使用默认参数可以避免这些问题。
避免参数类型问题
-- -------------------- ---- -------
-------- ------ - - -- -
-- ------- - --- -------- -- ------ - --- --------- -
----- --- ---------------------
-
------ - - --
-
-------------------- -- -
------------------ ---- -- -
------------------ ------ -- ---------- -------在上述代码中，sum 函数的第二个参数使用了默认值 0，如果未传递这个参数，它的默认值将被使用。然后，我们可以在函数中判断输入参数的类型，如果不是数字，则抛出一个 TypeError 异常。
避免参数数量问题
-- -------------------- ---- -------
-------- ------------------------- ---------- - --- -------- - --- -
-- ----------------- - -- -
----- --- ----------------
-
------ ------------- ------------- -------------
-
----------------------------------- ---------- -- ------ ----- -
----------------------------------- ------- ----------- -- ------ ------ -----
------------------------------ -- ------ ------在上述代码中，createUserName 函数的后两个参数使用了默认值，这样就可以只传递一个参数（firstName）而不必担心参数数量的问题。然后，我们可以在函数中判断参数数量是否足够，如果不足够，则抛出一个 Error 异常。
注意事项
- 默认参数只能用于函数的最后一个参数，否则会报错。
function test(a = 1, b) {
// SyntaxError: Parameter default value can't be followed by another parameter
}- 默认值是惰性求值的，也就是说每次都会重新计算默认值表达式的值。这与其他语言的默认参数实现略有不同，请注意。
结论
使用 ES6 的默认参数可以避免许多在函数参数上的问题，可以让我们的代码更加简单易读、可维护。但是需要注意默认参数的使用方法和注意事项，尤其是默认参数的计算方式和惰性求值的特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fbac584471362601606f49