在 JavaScript 中解构对象时如何设置默认值

在 JavaScript 中，我们可以使用解构对象来获取对象中的属性值。解构对象有时可能会遇到没有对应属性的情况，为了避免代码出错，我们可以设置默认值。

语法

在解构对象中设置默认值的语法如下：

const { 属性名 = 默认值 } = 对象名;

如果对象中存在该属性，则使用该属性的值；否则，使用默认值。

示例

下面的示例演示了如何在解构对象时设置默认值：

const user = {
  firstName: 'John',
  lastName: 'Doe'
};

const { firstName, lastName, age = 30 } = user;

console.log(firstName); // John
console.log(lastName); // Doe
console.log(age); // 30

在上面的示例中，我们解构了 user 对象，并设置了默认值 30 给 age 属性。由于 user 对象中没有 age 属性，所以 age 将会使用默认值 30。

多层对象嵌套

如果对象中存在多层嵌套的属性，我们可以使用以下语法来设置默认值：

const user = {
  name: {
    firstName: 'John',
    lastName: 'Doe'
  },
  age: 25
};

const { name: { firstName, lastName, middleName = 'unknown' }, age } = user;

console.log(firstName); // John
console.log(lastName); // Doe
console.log(middleName); // unknown
console.log(age); // 25

在上面的示例中，我们解构了 user 对象中的嵌套属性 name，并设置了默认值 unknown 给 middleName 属性。由于 user 对象中的 name 属性存在，所以解构成功，并且 middleName 将使用默认值 unknown。