对象解构是es6中将对象属性值一次性提取并赋给同名变量的语法糖，省去重复写obj.prop的样板代码；支持默认值、别名、嵌套解构和动态属性，但需防范空值报错、过度解构及参数校验缺失等工程风险。
对象解构是ES6核心语法，面试官常借它考察你对语法本质、边界情况和实际工程意识的理解。回答时别堆砌定义，要直击“为什么用”“怎么用对”“容易踩什么坑”三层逻辑。
基础用法必须一语点破
当被问“什么是对象解构”，不要复述语法结构。直接说：它是把对象属性值一次性提取并赋给同名变量的语法糖，省去重复写 obj.prop 的样板代码。比如：
-
const { name, age } = user;等价于const name = user.name; const age = user.age; - 关键优势：避免属性名重复书写，支持单行提取多个属性，可读性高、维护成本低
默认值和别名是高频追问点
面试官大概率会接一句：“如果属性不存在怎么办？”或“属性名和变量名冲突怎么处理？”这时候要立刻带出两个实用技巧：
-
默认值：用
{ name = 'anonymous' }给缺失属性兜底，注意它只在属性为undefined时生效，null或0不触发 -
别名：用
{ realName: alias }把realName属性值赋给变量alias，适合接口字段命名不友好或与已有变量冲突时
嵌套解构和动态属性暴露真实经验
如果对方继续问“深层对象怎么解？”或“属性名是变量怎么办”，说明在考察你是否真用过、是否踩过坑：
-
嵌套解构：支持
{ address: { city, zip } }，但要注意层级缺失会报错（如address是undefined），生产环境建议配合可选链?.或默认值防御 -
动态属性：不能直接
{ [key] }，得用计算属性 + 解构组合：const { [dynamicKey]: value } = obj;，这个写法多数人不熟，说出来就是加分项
常见误用场景必须主动提醒
结尾可以加一句：“实际项目中我见过三个典型误用”——展现工程敏感度：
- 把解构用在可能为
null或undefined的对象上，没做空值判断导致运行时报错 - 过度解构：从 API 响应里一口气解出 10+ 个字段，其实只用到两三个，反而增加内存开销和理解负担
- 在函数参数中无脑解构，比如
function fn({ a, b, c })，但调用时传了null，不如先校验再解构
