js 对象解构

// 示例代码：JS 对象解构

// 定义一个对象
const person = {
  name: 'Alice',
  age: 25,
  address: {
    city: 'Beijing',
    country: 'China'
  }
};

// 基本解构
const { name, age } = person;
console.log(name); // 输出: Alice
console.log(age);  // 输出: 25

// 解构并重命名
const { name: fullName, age: years } = person;
console.log(fullName); // 输出: Alice
console.log(years);    // 输出: 25

// 解构嵌套对象
const { address: { city, country } } = person;
console.log(city);     // 输出: Beijing
console.log(country);  // 输出: China

// 设置默认值
const { hobby = 'reading' } = person;
console.log(hobby);    // 输出: reading (因为 person 中没有 hobby 属性)

// 解构并提供默认对象
const { job = 'engineer' } = person || {};
console.log(job);      // 输出: engineer (因为 person 中没有 job 属性)

解释说明：

• 基本解构：直接从对象中提取属性并赋值给同名变量。
• 解构并重命名：可以将对象中的属性解构并赋予新的变量名。
• 解构嵌套对象：可以从嵌套的对象中提取属性。
• 设置默认值：如果对象中不存在某个属性，可以为其提供默认值。
• 解构并提供默认对象：当对象本身为 undefined 或 null 时，可以通过提供默认对象来避免错误。