ECMAScript 2020 是 JavaScript 的最新版本，也被称为 ES11。它在语法和功能方面带来了一些重要的改进，其中之一是可选参数语法。本文将介绍可选参数语法的细节，如何在函数参数传递中使用它以及使用场景。
可选参数语法
可选参数语法是 ES11 引入的功能之一。该特性追求更好的代码编写体验，并规范函数参数传递的方式。以下是一个使用可选参数的示例：
-- -------------------- ---- ------- -------- ----------- ------- - -------- - ------------------------ ---------- - -------------- -- ------- ------- ----- ------------- ------ -- ------- ---- -----
上面的示例演示了如何将默认值 Hello 分配给 message 参数。如果 message 参数被省略，则会默认使用 Hello。
还可以更显式地使用 undefined 进行默认值的分配：
function greet(name, message = 'Hello') {
if (message === undefined) message = 'Hello';
console.log(`${message}, ${name}`);
}函数参数传递
在 ES10 及以前的版本中，通常通过以下方式传递参数：
function sum(x, y, z) {
return x + y + z;
}
sum(1, 2, 3); // output: 6这种方式的问题在于当参数较多时，代码很容易让人看懵。如果有一些参数可以省略，那么代码将会显得更加清晰和易于理解：
function sum(x, y, z = 0) {
return x + y + z;
}
sum(1, 2); // output: 3
sum(1, 2, 3); // output: 6使用可选参数语法，我们可以在函数参数中通过 = 符号为参数分配一个默认值。这些默认值允许我们在函数调用时省略它们。
使用场景
可选参数语法在以下几个方面很有用：
- 重载函数：当需要根据参数的类型或数量来为函数添加多个定义时，可选参数语法可以提供更简单的方法来实现这一点。
- 提供预设参数值：用于避免频繁地重复输入相同的参数，在省略的参数情况下允许函数自动 fallback 到默认值。
结论
可选参数语法是 ES11 中新增的特性，它为函数参数传递带来了更好的体验，并可以提高代码的可读性和可维护性。现代化的浏览器都支持 ES11，所以请自由使用这一功能。
希望本文有助于您在 JavaScript 中更好地使用可选参数语法。如果您有任何疑问或建议，请在下面的评论中提出。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674e899be884a3e30f27ffa7