ECMAScript 2021：可选参数中设置默认值的技巧
在 ECMAScript 2021 中，你可以在函数的参数中设置默认值，这是一项非常有用的特性，它可以让你写出更加简洁和易于维护的代码。在本文中，我们将探讨如何在可选参数中设置默认值的技巧。
什么是可选参数？
在 JavaScript 函数中，你可以定义一个或多个参数，这些参数可以是必需的或可选的。必需参数必须在函数调用中给出，否则函数将报错。可选参数则可以在函数调用中给出，也可以不给出，默认值为 undefined。
看一个例子：
-- -------------------- ---- -------
-------- ----------- --------- -
-- ------- -
------ ------- ---- -- ---- -------
-
-- ----------- -
-------- - --------
-
------ -------- - -- - - ---- - ----
-
-------------------------- ------- -- --- ------
-------------------------- -- ------ ----在这个例子中，我们定义了两个参数，name 和 greeting。如果 name 不存在，则函数返回一个问候语，如果 greeting 不存在，则默认使用 'Hello'。
但是，这种方法有一个问题：如果有多个可选参数，则会变得非常冗长和不易于维护。因此，在 ECMAScript 2021 中，你可以定义一个参数的默认值，这将有助于简化代码并使其更易于理解。
如何设置可选参数的默认值？
在 ECMAScript 2021 中，你可以使用等号来设置参数的默认值，如下所示：
function greet(name = 'Anonymous', greeting = 'Hello') {
return greeting + ', ' + name + '!';
}
console.log(greet()); // Hello, Anonymous!
console.log(greet('Alice')); // Hello, Alice!
console.log(greet('Bob', 'Hi')); // Hi, Bob!在这个例子中，我们可以看到，我们使用了等号来设置 name 和 greeting 参数的默认值。如果这两个参数没有在函数调用中给出，则默认值将被使用。
如果你仅仅想要设置第二个参数的默认值，而第一个参数不想设置默认值，我们可以使用undefined来占空位：
-- -------------------- ---- -------
-------- ----------- -------- - -------- -
--------- -
---- - ------------
-
------ -------- - -- - - ---- - ----
-
--------------------- -- ------ ----------
---------------------------- -- ------ ------
------------------------ ------- -- --- ----设置默认值的好处
使用默认值参数的主要好处一是 可以让代码更简明，二是 可以防止一些常见的问题。
在以前的 JavaScript 中，我们会使用 || 这样的技巧来设置默认值或兜底的值。这样做通常是安全的，但是当我们使用 0、false 或 '' 等 falsy值 时，就有一些意料之外的问题了：
-- -------------------- ---- ------- -------- ------ -- - - - - -- -- - - - -- --- -- --- - ------- -- ------------------- ------ ---- -- ----------------------------------------
通过使用默认值参数，我们可以避免这些问题，并以更明确、更可读的方式编写代码：
function foo(x = 0, y = '') {
// ...
}
foo(5); // 不会出现问题，x = 5，y = ''
foo(5, ''); // x = 5，y = ''总结
在 ECMAScript 2021 中，你可以在函数的参数中设置默认值，这是一项非常实用的技能，它可以使代码更简洁，易于理解和维护。当我们需要设置可选参数的默认值时，可以使用等号来实现。同时，使用默认值参数可以避免一些意料之外的问题，并提高代码的可读性和异常处理能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65408c377d4982a6eba0d638