在前端开发中，函数参数是很常见的使用场景。ES11 新增了可选参数和默认参数的语法，可以更方便地处理函数参数。本文将介绍如何创建 ES11 中的可选参数和默认参数，包括语法、示例代码和注意事项。
可选参数
可选参数是指在函数定义中，可以省略某个参数。在 ES11 中，可选参数使用问号 ? 表示。下面是一个示例代码：
// javascriptcn.com 代码示例
function sayHello(name?: string) {
if (name) {
console.log(`Hello, ${name}!`);
} else {
console.log('Hello, world!');
}
}
sayHello(); // 输出：Hello, world!
sayHello('Tom'); // 输出：Hello, Tom!在上面的代码中，我们定义了一个 sayHello 函数，它接受一个可选的字符串参数 name。当调用函数时，如果传入了参数，则输出 Hello, ${name}!，否则输出默认的 Hello, world!。注意，可选参数必须放在必选参数的后面。
默认参数
默认参数是指在函数定义中，可以为某个参数设置默认值。在 ES11 中，默认参数使用等号 = 表示。下面是一个示例代码：
function sayHello2(name = 'world') {
console.log(`Hello, ${name}!`);
}
sayHello2(); // 输出：Hello, world!
sayHello2('Tom'); // 输出：Hello, Tom!在上面的代码中，我们定义了一个 sayHello2 函数，它接受一个默认为 'world' 的字符串参数 name。当调用函数时，如果不传入参数，则使用默认值 'world'，否则使用传入的参数。注意，如果使用了默认参数，则必须放在所有可选参数的后面。
注意事项
在使用可选参数和默认参数时，需要注意以下几点：
- 可选参数必须放在必选参数的后面，否则会报错。
- 默认参数必须放在所有可选参数的后面，否则会报错。
- 如果函数同时使用了可选参数和默认参数，则可选参数必须放在默认参数的前面。
综上所述，ES11 中的可选参数和默认参数语法可以让我们更方便地处理函数参数，提高代码的可读性和可维护性。
总结
本文介绍了如何创建 ES11 中的可选参数和默认参数，包括语法、示例代码和注意事项。我们可以根据实际需求使用这些语法，提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65511a01d2f5e1655daf08eb