对象解构处理深层嵌套命名冲突的关键是主动隔离作用域、重命名切断同名干扰、默认值兜底缺失结构；需用别名区分同名属性、分步解构控制边界、空对象防报错、参数中重命名避免污染。
对象解构处理深层嵌套时的命名冲突，关键不是“避免嵌套”，而是**主动隔离变量作用域、用重命名切断同名干扰、靠默认值兜底缺失结构**。命名冲突常发生在：字段名和已有变量重名、多层嵌套中同名属性（如 user.info.name 和 user.profile.name）、或解构后直接用于函数参数引发覆盖。
用重命名（alias）明确区分来源
嵌套结构里多个层级可能有相同属性名（比如 id 出现在 data.user.id 和 data.order.id），直接解构会覆盖。必须显式重命名：
-
const { user: { id: userId }, order: { id: orderId } } = data;—— 两个id各自映射为不同变量名 -
const { meta: { code: apiCode, message: apiMsg }, data: { items } } = res;—— 防止code或message与外部同名变量冲突
拆成多步解构，控制作用域边界
不强求“一行解完”，尤其当嵌套深且字段用途差异大时。分步能自然隔离变量，也便于加中间默认值：
- 先安全提取中间层：
const { user = {}, profile = {} } = apiRes || {}; - 再分别解构：
const { name: userName, avatar } = user;，const { bio, city: userCity } = profile; - 这样
city和userCity不会互相干扰，也避免apiRes.user.profile为null导致报错
结合默认值 + 空对象兜底，防结构断裂
嵌套解构最怕中间某一层是 null 或 undefined，直接报错。不能只靠默认值，得给中间层也设默认空对象：
- 错误写法：
const { a: { b } } = obj;→ 若obj.a是null，报Cannot destructure property 'b' of 'undefined' - 正确写法：
const { a = {} } = obj; const { b } = a;，或更紧凑：const { a: { b } = {} } = obj; - 对深层配置常见模式：
const { auth: { token = '', timeout = 5000 } = {}, features: { darkMode = false } = {} } = CONFIG || {};
函数参数中优先解构 + 重命名，不污染外层
在类方法或工具函数里传入嵌套配置时，直接在参数位置解构并重命名，天然避开与函数体外变量同名的问题：
function fetchUser({ id, config: { timeout = 3000, retry = 2 } }) { ... }class ApiClient { request({ url, method = 'GET', headers: reqHeaders = {} }) { ... } }- 这里的
reqHeaders是局部变量，不会影响外部的headers
