ES10 中对象解构赋值为参数提供默认值

在 ES6 中，我们学习了如何使用对象解构赋值。在 ES10 中，我们可以使用对象解构赋值为函数参数提供默认值，这对于编写更简洁且易于维护的代码非常有帮助。

默认值的概念

在 JavaScript 中，当我们调用函数时，如果没有传递参数，则该参数的值为 undefined。在某些情况下，我们需要为这些参数提供默认值，以便在没有传递参数时，函数能够正常工作。

在 ES6 中，我们可以使用以下代码为函数参数提供默认值：

function greet(name = 'World') {
  console.log(`Hello, ${name}!`);
}

在这个例子中，如果我们调用 greet 函数时没有传递参数，则 name 参数的值将为 'World'。

对象解构赋值

在 ES6 中，我们还学习了如何使用对象解构赋值。对象解构赋值允许我们从对象中提取属性，并将其赋值给变量。例如：

const person = { name: 'John', age: 30 };
const { name, age } = person;

console.log(name); // output: 'John'
console.log(age); // output: 30

对象解构赋值为参数提供默认值

在 ES10 中，我们可以结合使用对象解构赋值和函数参数默认值，为函数参数提供默认值。例如：

function greet({ name = 'World', age = 18 } = {}) {
  console.log(`Hello, ${name}! You are ${age} years old.`);
}

greet({ name: 'John', age: 30 }); // output: 'Hello, John! You are 30 years old.'
greet({ name: 'Jane' }); // output: 'Hello, Jane! You are 18 years old.'
greet(); // output: 'Hello, World! You are 18 years old.'

在这个例子中，我们定义了一个名为 greet 的函数，并将一个对象作为参数传递给它。该对象具有两个属性：name 和 age。我们使用对象解构赋值将这些属性从对象中提取出来，并为它们提供了默认值。如果我们调用 greet 函数时没有传递参数，则使用空对象作为默认值。

总结

在 ES10 中，我们可以使用对象解构赋值为函数参数提供默认值，这使得我们的代码更加简洁且易于维护。我们可以结合使用对象解构赋值和函数参数默认值，为函数参数提供默认值。这是一个非常有用的技巧，可以使我们的代码更加健壮和易于理解。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f78e24d10417a2222ce0ca