对象解构是es6关键语法糖，核心是从对象提取属性赋值给变量；需掌握基础语法（含别名、默认值）、嵌套解构、函数参数解构及常见陷阱（如不能解构null/undefined）。
对象解构是 ES6 的关键语法糖，核心在于“从对象中提取属性并赋值给变量”，画思维导图时要突出语法结构、使用场景、常见陷阱和进阶技巧，避免堆砌概念。
基础语法结构：必须掌握的写法骨架
这是整个导图的根节点。重点标注三类基本形式：
- 基础解构：const { name, age } = person; —— 变量名必须与属性名一致
- 别名解构：const { name: fullName, age: userAge } = person; —— 冒号后是新变量名
- 默认值：const { city = 'Beijing', hobby = [] } = person; —— 仅当属性值为 undefined 时生效（null 不触发）
嵌套与深层解构：处理真实数据结构的关键
实际项目中对象常有多层嵌套，导图此处应配简明示例：
- const { user: { profile: { avatar, bio } } } = data;
- 支持混合解构：const { title, tags, author: { id, name: authorName } } = article;
- 注意：若某层为 undefined（如 data.user 不存在），会报错；可用空对象兜底：const { user = {} } = data;
函数参数中的解构：高频实用场景
这是提升代码可读性的重要用法，导图中单列强调：
- 函数定义时直接解构：function print({ name, age, city = 'Unknown' }) { ... }
- 配合默认参数对象：function create({ id = Date.now(), type = 'item', meta = {} } = {}) { ... } —— 外层 = {} 防止传入 undefined 报错
- 不推荐在参数中过度嵌套解构，可读性会下降
易错点与边界情况：导图里用⚠️标出
这些是面试和调试中常踩的坑，必须可视化呈现：
- 不能解构 null 或 undefined：let obj = null; const { a } = obj; → TypeError
- 解构不改变原对象：只是读取，不是复制或绑定
- let/const 必须声明：{ x } = obj 在严格模式下会报错（未声明变量），需加 const 或 let
- 计算属性名不支持直接解构：const key = 'name'; const { [key] } = obj ❌；需用其他方式（如 obj[key]）
导图建议用中心辐射式布局，主干为“对象解构”，四个分支对应上述四部分，每个分支下用关键词+极简示例展开。不必画满全图，留白比堆砌更重要——真正掌握这几点，日常开发已足够扎实。
