JavaScript嵌套对象解构支持多层提取，需用点号路径式写法配合花括号层层展开，并可设默认值防报错；安全提取需为每层中间对象设默认空对象，重命名与默认值可组合使用，嵌套数组解构需注意元素存在性。

JavaScript 中嵌套对象解构支持多层提取，关键在于用点号路径式写法配合花括号层层展开，同时可设默认值防报错。

基础语法：用嵌套花括号匹配结构

要从 { user: { profile: { name: 'Alice', age: 30 } } } 中取 name 和 age，直接按层级写解构模式：

const obj = { user: { profile: { name: 'Alice', age: 30 } } };
const { user: { profile: { name, age } } } = obj;
console.log(name); // 'Alice'
console.log(age);  // 30

安全提取：为每一层加默认空对象

若某层可能为 undefined（如 user 缺失），解构会报错。解决方法是给中间层级设默认值 {}：

• const { user = {}, profile = {} } = obj; → 错误，profile 不在顶层
• 正确写法：const { user: { profile = {} } = {} } = obj;
• 完整安全提取：const { user: { profile: { name = 'Anonymous', age = 0 } = {} } = {} } = obj;

重命名 + 默认值组合使用

提取时可同步重命名，并为深层属性设默认值：

Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能，尤其适用于以下任务：分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转，以及生成简洁的诊断结论与修复方案。

下载

立即学习“Java免费学习笔记（深入）”；

const { 
  user: { 
    profile: { 
      name: userName = 'Guest', 
      age: userAge = 18 
    } = {} 
  } = {} 
} = obj;

这样即使 obj.user 或 obj.user.profile 不存在，userName 和 userAge 仍能拿到默认值。

配合数组解构提取嵌套数组中的对象

如果深层是数组（如 users: [{ id: 1, info: { city: 'Beijing' } }]），可混合使用：

const data = { users: [{ id: 1, info: { city: 'Beijing' } }] };
const { users: [{ info: { city } }] } = data;
// city === 'Beijing'

注意：这种写法假设数组至少有一个元素；如不确定，建议先检查长度或用默认空数组：users: [firstUser = {}] = []。