ES10 是 JavaScript 中的一个重要版本，它为前端开发人员带来了很多新的特性和功能。其中一个比较实用的新特性是可选型参数允许 default 值。这一特性可以让我们在定义函数时为参数提供默认值，使得函数调用更加灵活。
什么是可选型参数
在 JavaScript 中，函数可以有多个参数，但是如果调用函数时没有传递足够的参数，函数仍然可以正常执行，只是未传递的参数的值为 undefined。这种参数被称为可选型参数。
function greet(name, message) {
console.log(`${name} says ${message}`);
}
greet("John", "hello"); // John says hello
greet("Mary"); // Mary says undefined在上面的代码中，message 参数没有被传递，因此它的值为 undefined。
可选型参数允许 default 值
在 ES10 中，我们可以为参数设置默认值，这个值将在参数未被传递时使用。使用等号（=）定义参数的默认值。
function greet(name, message = "hi") {
console.log(`${name} says ${message}`);
}
greet("John", "hello"); // John says hello
greet("Mary"); // Mary says hi在上面的代码中，我们为 message 参数设置了默认值为 "hi"。当调用 greet 函数时，如果未传递 message 参数，则将使用它的默认值。
指南和学习建议
设置默认值的参数必须放在函数参数列表的末尾。例如：
function greet(message = "hi", name) {
console.log(`${name} says ${message}`);
}在上面的代码中，如果 message 参数在 name 参数之前，则会发生语法错误。
在实际使用中，我们可以使用可选型参数允许 default 值来编写更灵活的函数。例如，我们可以使用默认参数值来设置参数中的配置选项，从而简化代码的编写。
-- -------------------- ---- ------- -------- -------------- ------- - --- - -- -- ------- ----- ----- ------- - --------------- -- - --------------- ------------------ -- ----- ------ - -------------- -- ------ -- ------ -- --- - ------------------------------------------- -- --- --------------- - ---------------- ------------------------------------------ - -------- - -------------- ------- ---- - --- -- --- --------------- - ------------------------------ -- ------ --- ------------------------------------------ - ------- ------- ----- - ----- ------ - --- -- ---- --------------- - --------------------- - ----- ------ -
在上面的代码中，我们定义了一个 fetchData 函数，它接受一个 url 参数和可选型的 options 参数。如果没有传递 options 参数，则使用默认值 {}。我们使用 options 参数中的默认值来设置请求头和请求方法，从而简化了代码的编写。
结论
ES10 的可选型参数允许 default 值是一个非常实用的新特性，它可以让我们更加灵活地定义函数，使得函数调用更加方便。在实际应用中，我们可以使用这个特性来简化代码的编写，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fcf98c44713626017546a0