ECMAScript 2020 增加了可选函数参数的语法。在此之前，开发者们通常需要为函数的每个参数提供默认值或使用 if 语句检查参数是否为 undefined。现在，您可以使用可选参数语法来使代码更加直观和易于理解。
可选参数的定义
可选参数是一种可传可不传的函数参数。在函数定义的括号内部，可以使用问号 (?) 来标记一个参数为可选。例如：
-------- ----------- ------- --- ------- - -- --- -
这个例子中，a 和 b 都是可选参数。调用该函数时，参数 a 和 b 都可以省略。如果不指定某个参数的值，那么该参数的默认值就是 undefined。
可选参数还可以拥有默认值
使用可选参数语法时，仍然可以为参数指定默认值。例如：
-------- ---------- ------- - - -------- - ----------------- ------- - ----------------- -- -- ------ ------ ---------------- ------------ -- -- ------ ---------
在此例中，参数 b 是可选的且默认值为 "world"。
可选参数的好处
使用可选参数语法的好处主要在函数定义和调用方面。
更简单的函数定义
使用可选参数语法，可以更简单自然地定义具有大量参数的函数。您可以通过省略某个参数来表明它是可选的。例如，假设您有一个函数需要指定多个参数，像这样：
-------- ------------- -- -- -- -- -- -- -- -- -- -- -- -- -- - -- --- -
如果每个参数都是必需的，那么在函数定义中将需要许多参数名。但是，如果有可选参数，则可以省略不需要提供值的参数：
-------- ------------- -- -- -- -- -- --- -- --- -- -- --- -- --- - -- --- -
更优雅的函数调用
在函数调用时，使用可选参数语法可以使代码更自然和易于理解。假设您调用了一个需要指定多个参数的函数。如果这些参数中的大多数是可选的，则您可以省略这些参数：
------------------- -------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- -----------
当需要指定参数值时，您可以使用该参数名指定该参数。例如，假设您想指定 h、j 和 m 的值：
------------------- -------- ---------- ---------- ---------- ---------- ---------- -- -------- -- ---------- -- ------- -----------
更好的可读性
在使用可选参数语法时，代码可以更好地表达它的意图。如果某个参数是可选的，那么这个事实就可以在代码中展现出来，而不需要通过注释表明它的状态。
例如，如果使用可选参数语法来定义一个可以将文本变成小写的函数，则该函数的定义将如下所示：
-------- ----------------- ------- ------------- -------- - ------ ----------- - ------------------ - ------------------- -
在此代码中，参数 toUpperCase 可以被省略，这使得该函数的行为更加清晰和可读。
可选参数的限制和注意事项
使用可选参数语法时，需要注意以下限制和注意事项：
- 可选参数必须在必需的参数之后。
- 如果需要一个可选参数，则需要检查它是否为 undefined。否则，您可能会遇到错误或意外的行为。
- 可选参数应该在函数调用时有明确的值，这可以通过在调用上指定参数名来实现。否则，提供 undefined 的行为可能会因不同的 JavaScript 实现而有所不同。
示例代码
下面是一个演示如何使用可选参数语法来定义函数的例子：
-------- ----------- ------- --------- ------- - --------------------- --------- - ------- - ----------- - -------------- -- -- ------ ------ ------------- ---- --- ------- -- -- ------ --- --- -----
在此示例中，可选参数 message 可以省略。如果省略该参数，则将使用默认消息“hello”。如果提供了该参数，则将输出该消息。
结论
在 ECMAScript 2020 中，可选参数语法使得定义和调用函数更加自然和直观。它可以使代码更简洁、清晰，同时也提高了代码的可读性和易用性。如果您使用 JavaScript 或 TypeScript 开发 Web 应用程序，那么使用可选参数语法应该是您的一项重要技能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6737160d317fbffedf07f69e