对象解构核心是按属性名匹配取值，关键在匹配逻辑、灵活变形、避开陷阱：支持重命名与默认值（仅undefined触发）、嵌套解构、动态键名，需注意语法限制与保留字问题。
对象解构不是记语法，而是理解“怎么从结构里精准取值”。掌握它，关键在三点：匹配逻辑、灵活变形、常见陷阱。下面直击核心，帮你高效复习巩固。
记住核心匹配规则：按键名，不按顺序
对象解构靠的是属性名（key），不是位置。只要名字对得上，就能取到值，和对象里属性的书写顺序完全无关。
-
正确示例：
const { age, name } = { name: '李四', age: 25 };—— 即使age写在前面，也能拿到 25 - 错误认知：把它当成数组解构（按索引），会导致取不到值却不知为何
- 如果属性不存在，对应变量值就是
undefined，不会报错
熟练使用重命名和默认值
真实项目中，接口字段名常不友好（如 user_name、usrAge），或某些字段可能为空，这时重命名和默认值就不是可选项，而是必需项。
- 重命名写法：
const { user_name: username, usrAge: age = 18 } = data; - 默认值只在值为
undefined时生效（注意：null、''、0都不会触发默认值） - 重命名 + 默认值可组合：
const { status: code = 200 } = res;
搞定嵌套与混合结构
API 返回的数据几乎都是多层嵌套对象，甚至嵌套里还夹着数组。光会解一层远远不够。
- 二级解构：
const { user: { id, email } } = apiRes; - 带数组的嵌套：
const { list: [first, second] } = res;或const { list: [{ name }] } = res; - 动态键名解构：
const key = 'token'; const { [key]: token } = headers;
避开高频坑点
这些细节不注意，调试时容易卡很久。
- 解构语句不能出现在行首（尤其在自动分号插入场景下），建议前面加个分号或括号：
;(function(){...})()或const { a } = obj; - 变量名不能是保留字（如
let、class），否则需用字符串形式：const { 'class': className } = el; - 解构赋值左侧必须是声明（
const/let/var）或已有变量，不能直接写{ name } = obj;（语法错误）
