对象解构高频出错点有四：括号与代码块混淆需加小括号；保留字或特殊字符属性名必须加引号；嵌套解构需设默认值或用可选链；解构前须校验目标是否为有效对象。
对象解构本身语法简洁，但一旦出错，常报 Unexpected token、Cannot destructure property 或静默得到 undefined，问题不易定位。关键不在“会不会写”，而在“哪里断了链”。下面从高频出错点切入，讲清楚怎么快速识别、验证和修复。
括号与上下文混淆：{} 不是万能的
解构语法中的 {} 容易被误认为是代码块，尤其在函数参数、箭头函数或语句开头位置。
- 错误示例：
const user = {name: 'Alice'}; const {name} = user;单独写没问题，但若写成：function({name}) { return name; }—— 这里解析器会认为{name}是函数体开始，而非参数解构，直接报Unexpected token '{' - 正确写法：给参数加小括号明确语法意图 ——
function({name}) { ... }✅（合法）；但更稳妥的是显式声明为箭头函数：const getName = ({name}) => name; - 额外注意：在
if、for等语句后直接写解构，如if (cond) {name} = obj;是非法的，必须用const {name} = obj;或赋值表达式加括号：({name} = obj);
属性名含保留字或特殊字符：引号不是可选项
当你要解构的属性名是 class、default、if、123 或带空格/短横线（如 user-name）时，不加引号就语法报错。
jm-jsjkxyjs02-zlm-405
下载
使用约定式提交（Conventional Commits）生成标准化的 Git 提交信息。适用于以下场景： (1) 暂存更改时需要提交信息； (2) 审查 diff 时希望获得结构化摘要； (3) 编写 PR 描述或变更日志（changelog）条目； (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff，并生成按类型（type）划分范围的提交信息。
- 错误示例：
const {class, user-name} = obj;→Unexpected token 'class'或Unexpected token '-' - 正确写法：
const {'class': cls, 'user-name': userName} = obj;（重命名推荐）或const {['class']: cls, ['user-name']: userName} = obj;（计算属性语法） - 小技巧：VS Code 等编辑器对这类属性会标红，悬停提示“Identifier expected”，看到这个提示就立刻想到加引号。
嵌套解构中途断层：undefined 不报错，但后续崩
解构本身不会因某层缺失而抛语法错误，但一旦中间一层是 undefined，就会触发 Cannot destructure property 'xxx' of undefined 运行时错误。
- 危险写法：
const {profile: {address: {city}} = user;—— 若user.profile是undefined，立刻报错 - 安全写法一（逐层兜底）：
const {profile = {}} = user; const {address = {}} = profile; const {city = 'N/A'} = address; - 安全写法二（单行嵌套默认值）：
const {profile: {address: {city = 'N/A'} = {}} = {}} = user; - 现代替代（推荐）：
const city = user?.profile?.address?.city ?? 'N/A';—— 可选链 + 空值合并，语义清晰且无需解构声明
解构目标非对象：null / undefined / 基本类型会失败
解构只适用于对象（或数组），对 null、undefined、数字、字符串等基本类型直接解构会报错。
- 典型错误：
const {id} = null;→Cannot destructure property 'id' of 'null' - 排查方法：解构前加轻量校验：
if (obj && typeof obj === 'object') { const {id} = obj; } - API 响应场景建议：用
??提供兜底数据结构，例如：const data = await fetch('/user').then(r => r.json()).catch(() => ({})); const {name = 'Guest'} = data;
