多层级对象解构需逐级设默认空对象兜底，否则遇null/undefined会报错；默认值仅对undefined生效，null需用??预处理；复杂结构建议先归一化再解构，并可结合重命名与默认值提升灵活性。
对象解构做多层级默认防错，关键不是“一层设完就完事”，而是**每层嵌套对象都得主动兜底**，否则遇到 null 或 undefined 会直接报错 “Cannot destructure property of undefined”。
每层对象必须显式设 = {}
嵌套路径中任意一级缺失（比如 user.profile.address，但 profile 是 undefined），整个解构就会中断。所以不能只在最外层加 ||{}，而要逐级给中间对象设默认空对象：
const { profile: { city: { name: cityName = '未填写' } = {} } = {} } = user || {};- 注意三个
= {}：分别对应user、profile、city三层的兜底 - 如果省略
city = {}，而city是undefined，name: cityName = '未填写'就无法执行
处理 null 要靠 ?? 预清洗，不能只靠默认值
默认值只对 undefined 生效，null、0、false、空字符串等都会原样透出。接口常返回 avatar: null，这时需先归一化：
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
- 用可选链 + 空值合并：
userData?.avatar ?? '/default.png' - 再把清洗后的结果塞进解构目标：
const { avatar = '/default.png' } = { avatar: userData?.avatar ?? '/default.png' }; - 或者一步到位：
const { avatar = '/default.png' } = { avatar: userData?.avatar };—— 但此时若userData?.avatar是null，avatar仍为null，不会触发默认值
复杂结构建议先归一化再解构
当嵌套深、字段多、且存在 null/数组类型不确定等情况时，硬写多层解构易出错、难维护。更稳的做法是分两步：
- 第一步：构造一个“安全副本”，统一处理
null、类型校验、兜底 - 第二步：对这个副本做干净、扁平的解构
- 例如：
const safeUser = {<br> name: userData?.name ?? '游客',<br> age: typeof userData?.age === 'number' ? userData.age : 18,<br> tags: Array.isArray(userData?.tags) ? userData.tags : []<br>};<br>const { name, age, tags = [] } = safeUser;
搭配重命名和默认值一起用更灵活
解构时可同时完成字段映射、改名、设默认值，一行解决多个问题：
const {<br> name = '未知',<br> years: age = 0,<br> isAdmin = false,<br> profile: { bio = '暂无介绍', city: { name: cityName = '未填' } = {} } = {}<br>} = user || {};- 这里
years: age是重命名，isAdmin = false是默认值，city: { name: cityName = '未填' } = {}是嵌套+重命名+默认值三合一 - 所有变量都是独立声明，不污染源对象，也不影响后续使用
