在 ES6 中，我们学习了如何使用对象解构赋值。在 ES10 中，我们可以使用对象解构赋值为函数参数提供默认值，这对于编写更简洁且易于维护的代码非常有帮助。
默认值的概念
在 JavaScript 中，当我们调用函数时，如果没有传递参数，则该参数的值为 undefined。在某些情况下，我们需要为这些参数提供默认值，以便在没有传递参数时，函数能够正常工作。
在 ES6 中，我们可以使用以下代码为函数参数提供默认值：
-------- ---------- - -------- - ------------------- ----------- -
在这个例子中，如果我们调用 greet 函数时没有传递参数，则 name 参数的值将为 'World'。
对象解构赋值
在 ES6 中，我们还学习了如何使用对象解构赋值。对象解构赋值允许我们从对象中提取属性，并将其赋值给变量。例如：
----- ------ - - ----- ------- ---- -- -- ----- - ----- --- - - ------- ------------------ -- ------- ------ ----------------- -- ------- --
对象解构赋值为参数提供默认值
在 ES10 中，我们可以结合使用对象解构赋值和函数参数默认值，为函数参数提供默认值。例如：
-------- ------- ---- - -------- --- - -- - - --- - ------------------- -------- --- --- ------ ----- ------- - ------- ----- ------- ---- -- --- -- ------- ------- ----- --- --- -- ----- ----- ------- ----- ------ --- -- ------- ------- ----- --- --- -- ----- ----- -------- -- ------- ------- ------ --- --- -- ----- -----
在这个例子中，我们定义了一个名为 greet 的函数，并将一个对象作为参数传递给它。该对象具有两个属性：name 和 age。我们使用对象解构赋值将这些属性从对象中提取出来，并为它们提供了默认值。如果我们调用 greet 函数时没有传递参数，则使用空对象作为默认值。
总结
在 ES10 中，我们可以使用对象解构赋值为函数参数提供默认值，这使得我们的代码更加简洁且易于维护。我们可以结合使用对象解构赋值和函数参数默认值，为函数参数提供默认值。这是一个非常有用的技巧，可以使我们的代码更加健壮和易于理解。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f78e24d10417a2222ce0ca