对象解构中别名（用冒号）解决命名冲突，默认值（用等号）仅对undefined生效；二者可共存，如{username: loginName = '访客'}，先重命名再判断是否undefined。
对象解构赋值中，别名和默认值是两个独立但常被混用的机制。关键区别在于：别名解决的是“变量名冲突或语义不清”的问题，用冒号 :；默认值解决的是“属性缺失或为 undefined”的问题，用等号 =。两者可以共存，但作用时机和触发条件完全不同。
别名设置：用冒号重命名属性名
当对象属性名与已有变量名冲突，或你想赋予更清晰的本地变量名时，使用 原属性名: 新变量名 语法。
- 左侧写法必须是
key: value形式，其中key是源对象中存在的属性名，value是你声明的新变量名 - 原属性名在解构后不可访问，只能通过新变量名读取
- 即使属性存在，也不会自动触发默认值（因为别名不改变值是否存在）
例如：
const user = { name: '李四', age: 28 };const { name: userName, age: userAge } = user;console.log(userName); // '李四'console.log(name); // ReferenceError: name is not defined
默认值处理：仅对 undefined 生效
默认值只在属性**不存在**或**显式为 undefined** 时才启用。它对 null、0、false、空字符串等 falsy 值完全无效。
- 写法是
属性名 = 默认值，等号紧接在属性名后 - 如果属性存在且有值（哪怕值是
null或''），默认值就被跳过 - 可与别名组合：
{ name: userName = '匿名' }—— 先重命名，再判断name是否为undefined
例如：
const data = { name: '', age: null };const { name = '游客', age = 18, city = '北京' } = data;console.log(name); // ''（不是 undefined，不触发默认值）console.log(age); // null（不是 undefined，不触发）console.log(city); // '北京'（属性不存在，触发）
嵌套解构中的别名与默认值
嵌套结构需逐层处理。别名和默认值都作用于对应层级的属性，不能跨层“透传”。
- 嵌套别名：可在任意层级使用冒号，如
{ profile: { name: nick } } - 嵌套默认值：每层都要单独设，如
{ profile: { name = '未命名' } = {} }—— 注意右侧的= {}是给profile设默认空对象，否则解构profile.name会报错 - 常见错误：漏掉中间层的默认值，导致
Cannot destructure property 'xxx' of 'undefined'
例如：
const user = { info: { id: 1001 } };const { info: { id, level = '普通用户' } = {} } = user;// info 存在 → 解构 info 下的 id 和 level// level 不存在 → 使用 '普通用户'
组合使用：别名 + 默认值的典型写法
这是高阶但实用的模式，尤其适合 API 响应字段不规范或可选时。
- 语法顺序固定：先写属性名（或别名），再写默认值，即
原名: 新名 = 默认值或原名 = 默认值 - 注意括号优先级：若同时用别名和默认值，冒号和等号不能颠倒，且不能省略冒号
例如：
const resp = { username: '张三', status_code: 200 };const { username: loginName = '访客', status_code: httpCode = 500} = resp;console.log(loginName); // '张三'console.log(httpCode); // 200
