JavaScript 中对象解构时怎样设置默认值

在 JavaScript 编程中，对象解构是一种简洁且强大的语法，用于从对象中提取属性并赋值给变量。而设置默认值则为这一操作增添了更多灵活性与健壮性。

当对一个对象进行解构时，如果对象中不存在我们想要提取的属性，直接解构赋值会得到 undefined。这时，设置默认值就显得尤为重要。基本的设置方式非常直观，在解构赋值的变量后面使用 = 符号跟上默认值即可。例如：

const { name = 'Unknown', age = 0 } = { age: 25 };
console.log(name); // 'Unknown'
console.log(age);  // 25

在这个例子中，对象里没有 name 属性，所以使用了默认值 'Unknown'；而 age 有对应值，就采用了对象中的实际值。

还可以对嵌套对象解构设置默认值。假设我们有一个复杂对象：

const { info: { address = 'No address' } = {} } = { info: { city: 'Beijing' } };
console.log(address); // 'No address'

这里先对 info 进行解构，由于 info 中没有 address 属性，所以 address 使用了默认值。注意，info 后面的 ={} 也很关键，如果没有它，当 info 不存在时会报错。

如果要解构的对象本身可能为 null 或 undefined，可以先进行条件判断或者使用可选链操作符结合解构赋值。比如：

const obj = null;
const { prop = 'default value' } = obj || {};
console.log(prop); // 'default value'

通过 obj || {}，在 obj 为 null 或 undefined 时，提供一个空对象，确保解构操作能正常进行并使用默认值。

在函数参数中使用对象解构并设置默认值能让函数更加灵活。

function greet({ name = 'Guest', message = 'Hello' }) {
  console.log(`${message}, ${name}!`);
}
greet({ message: 'Hi' }); // 'Hi, Guest!'

在这个函数中，参数采用对象解构，即使调用时没有提供 name 属性，也能使用默认值。

掌握 JavaScript 中对象解构时设置默认值的技巧，能有效提高代码的稳定性和可读性，减少潜在的错误，让编程工作更加高效流畅。