对象解构是组织数据流的核心能力，支持按名提取、重命名（如firstName:name）和默认值（如role='user'），三者可组合使用，大幅减少点号取值与边界判断代码。
对象解构不是语法糖，而是组织数据流的核心能力。掌握它，能让你少写一半的点号取值、三元判断和参数适配代码。
基础提取：按名不按序，变量即属性
对象解构靠属性名匹配，不依赖顺序。只要右侧是对象，左侧用花括号列出想要的属性名，就能一键提取：
- 同名直接写：{ name, age } = { name: 'Alice', age: 25 } → 变量 name 和 age 自动获得对应值
- 缺属性不报错：若对象没有某个属性（如 role），解构后变量值为 undefined，不会中断执行
- 顺序无关紧要：{ age, name } 和 { name, age } 效果完全一样，这和数组解构有本质区别
重命名：用冒号解耦属性名与变量名
当变量名需符合业务语义或避免冲突时，用 源属性名: 目标变量名 实现映射：
- 例如 { firstName: name, years: age } = { firstName: 'Bob', years: 32 } → name 得 'Bob'，age 得 32
- 可混合使用：{ name, years: age, city: location } 同时处理同名、重命名、再重命名
- 注意冒号前后不能有空格（如 years : age 会报错），这是 JS 解析规则
默认值：用等号兜底 undefined 场景
当属性可能不存在或明确为 undefined 时，用 变量名 = 默认值 提供 fallback：
- { role = 'user', status = 'active' } = { role: 'admin' } → role 是 'admin'，status 是 'active'
- 只对 undefined 生效：{ count = 10 } = { count: 0 } → count 仍是 0；{ count = 10 } = {} → count 才是 10
- null、false、'' 等“falsy 值”不会触发默认值，这点常被误判
组合实战：一行完成提取+改名+兜底
真实项目里三者往往共存。比如从 API 返回的用户数据中安全取值：
- let { username: name, years: age, isAdmin = false, avatar = '/default.png' } = apiUser;
- 这行代码同时做了四件事：把 username 改名叫 name、把 years 改名叫 age、给缺失的 isAdmin 补 false、给没头像的用户配默认图
- 相比传统写法：
const name = apiUser.username;
const age = apiUser.years;
const isAdmin = apiUser.isAdmin === undefined ? false : apiUser.isAdmin;
const avatar = apiUser.avatar || '/default.png';
解构让逻辑更聚焦，也更不易漏判边界
