在 JavaScript 编程中，函数参数是一种非常重要的特性。ES12 新增了可选参数和默认参数的功能，使得函数的编写和使用更加灵活。本文将深入介绍 ES12 的可选参数和默认参数，以及如何灵活使用它们。
可选参数
在 ES6 之前，我们通常使用 arguments 对象来处理函数的可选参数。但是 arguments 对象不支持函数定义时的参数名称的提示，而且它是一个伪数组，使得对其进行各种操作变得复杂。在 ES6 中，我们可以使用展开运算符来处理参数。
function foo(param1, param2, ...rest) {
// ...
}
foo(1, 2, 3, 4, 5); // rest 为 [3, 4, 5]在 ES12 中，我们可以使用可选参数来实现同样的功能，同时还可以为每个参数指定名称。可选参数可以在参数列表中使用问号来声明，表示该参数可以省略不使用。例如：
function foo(param1, param2, param3?) {
console.log(param1, param2, param3);
}
foo(1, 2); // 输出：1 2 undefined
foo(1, 2, 3); // 输出：1 2 3在上面的例子中，参数 param3 被标记为可选参数，即其可以省略不使用。当参数列表中的参数被标记为可选参数时，我们在调用函数时可以不传入该参数，参数值默认为 undefined。
可选链式调用
在实际编程中，我们常常会遇到多层嵌套的数据结构，而必要的判断和操作会导致代码的冗长和复杂。ES12 可选参数的功能可以用于简化这种代码，称之为可选链式调用。
-- -------------------- ---- -------
----- ------ - -
----- --------
---- -
------ --------- ----------
-------- -
----- ------
--
--
--
----- ------- - --------------------------
--------------------- -- -----在上面的例子中，我们使用了可选链式调用（通过 "?. " 连接运算符）来访问嵌套对象的属性。如果该属性不存在，返回 undefined。这种方式能够简化代码结构，使代码更加清晰和易读。
默认参数
ES12 还引入了函数的默认参数。默认参数允许我们在定义函数时为参数设置默认值，使调用函数时可以不传递参数值，这种情况下将使用默认值。例如：
function foo(param1 = 1, param2 = 2) {
console.log(param1, param2);
}
foo(); // 输出：1 2
foo(2); // 输出：2 2
foo(2, 3); // 输出：2 3在上面的例子中，我们为函数 foo 的参数 param1 和 param2 设置了默认值。如果在调用函数时不传递参数，将使用默认值。
注意，如果值为 false 的变量使用默认值，将会被忽略并使用 undefined。如果使用 undefined 作为默认参数的值，当函数被调用时，如果传入 undefined 参数，则会使用定义时的默认值。例如：
function foo(param1 = 1, param2 = undefined) {
console.log(param1, param2);
}
foo(undefined, 2); // 输出：1 2指导意义
ES12 中的可选参数和默认参数功能提高了编码的灵活性，并简化了代码的书写。对于那些需要应对多种情况以及需要简化代码的项目，这种功能更显得尤为重要。
但是，在使用可选参数和默认参数时，也需要谨慎地考虑其可能产生的潜在副作用。如果在函数定义中使用了默认参数，当前作用域内的变量可能被遮盖。在考虑是否使用默认参数时，还需要考虑代码的可读性和可维护性。
综上所述，灵活运用 ES12 中的可选参数和默认参数，将有助于我们编写更加清晰、简洁、高效的 JavaScript 代码。
总结
ES12 中的可选参数和默认参数功能提高了编程的灵活性，允许我们在编写函数时更容易地应对多种情况。灵活使用这些特性，可以使我们的代码更加清晰、简洁、高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64661387968c7c53b06c12fc