函数参数解构可直接处理嵌套对象，通过“结构即契约”自动提取深层字段，支持别名、默认值与混合类型；需防范undefined/null导致的报错，推荐中间层设默认值或预处理。
函数参数解构处理嵌套对象，核心在于“结构即契约”——你写的解构模式，就是你期望传入对象的形状。只要层级对得上，JS 会自动钻进去取值，无需手动点链式访问或做空值判断（但要注意 undefined 风险）。
直接解构多层嵌套属性
当对象有深层结构时，可在参数位置直接写出嵌套路径，一步提取任意深度的字段：
-
语法简洁：比如
{ info: { name, address: { city, zip } } }，就能从{ info: { name: 'Li', address: { city: 'Shanghai', zip: '200000' } } }中拿到全部四个变量 -
支持别名和默认值：可写成
{ info: { name: userName = 'Anonymous', address: { city: cityName = 'Unknown' } } }，兼顾健壮性与语义清晰 - 不破坏原始结构：解构只是读取，不影响原对象，也无需额外赋值语句
混合解构：对象 + 数组 + 默认值
真实数据常混用对象和数组（如 API 返回的 data.items 是数组），参数解构也能应对：
- 示例：
({ data: { items: [firstItem, secondItem], total = 0 }, locale = 'zh-CN' }) - 能同时提取
firstItem（数组首项）、secondItem（第二项）、total（带默认值）、locale（顶层默认值） - 若
items为空或不存在，firstItem和secondItem为undefined，不会报错——这是 JS 解构的安全特性
函数内保留原始对象用于兜底
完全解构虽优雅，但有时需访问未声明的字段或做动态操作。推荐保留原始参数作为后备：
- 写法：
function processUser({ id, info: { name } }, rawUser) { ... }，调用时传processUser(user, user) - 或更实用的写法：
function processUser({ id, info: { name } }, { tags = [], metadata } = {}) { ... }，把次要字段用第二个参数或剩余属性承接 - 避免因解构过深导致后续想加字段就得改函数签名，保留灵活性
规避常见陷阱
嵌套解构看着简单，实际容易踩坑：
-
空对象或 undefined 会报错：如果传入
{}，而解构写了{ info: { name } }，就会触发Cannot destructure property 'name' of 'undefined'。解决方案是给中间层设默认值：{ info = {}, info: { name } } -
同名变量冲突：不能在同一个解构中重复使用同一变量名，例如
{ a, a: b }是语法错误 -
无法解构 null：null 不是对象，任何对 null 的解构都会立即报错，调用前建议做
if (user)或用可选链 + 空值合并预处理
