嵌套解构易因某层为undefined/null报错，需为每层设空对象默认值（如{profile = {}}），并结合可选链（?.）与空值合并（??）兜底，注意默认值不处理null/0/false/''。
嵌套解构时直接访问深层属性容易报错，关键在于**每一层缺失都可能中断解构**。比如 user.profile.address.city 中任意一层是 undefined 或 null，就会触发 Cannot destructure property 'xxx' of undefined。正确做法是为中间对象层级显式提供默认空对象，并在最终属性后加默认值。
给中间层级设空对象默认值
这是最常用也最清晰的方式：确保每级嵌套对象都有兜底，避免解构中断。
-
const { profile = {} } = user ?? {};→ 先安全拿到profile -
const { address = {} } = profile;→ 再安全拿到address -
const { city = 'Beijing' } = address;→ 最后取值并设默认
一行写完嵌套解构 + 多层默认值
适合简洁场景，但可读性略低，需注意括号和等号的位置：
const { profile: { address: { city = 'Beijing' } = {} } = {} } = user;- 含义：若
user不存在 → 用{}；若profile不存在 → 用{}；若address不存在 → 用{}；若city是undefined→ 用'Beijing' - ⚠️ 注意：
null不会被上述默认值捕获，仍会报错，所以前面加??{}或用可选链更稳妥
结合可选链（?.）与空值合并（??）更安全
现代 JS 推荐组合使用，逻辑更直观、容错更强：
const { city = 'Beijing' } = user?.profile?.address ?? {};- 先用
?.?安全穿透多层，再用??{}提供兜底对象，最后解构设默认值 - 即使
user是null、profile是undefined、address是null，整行也不会报错
默认值只对 undefined 生效，不处理 null/0/false/''
这点极易被忽略：
-
const { city = 'Beijing' } = { city: null };→city是null，不是'Beijing' -
const { city = 'Beijing' } = { city: 0 };→city是0 - 如需把
null也当“空”处理，得提前转换：const { city = 'Beijing' } = { ...user, city: user?.city ?? undefined };或改用函数封装
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
