对象解构赋值时加圆括号是为了避免解析器将{...}误判为代码块，仅在已声明变量后重新解构时必须加括号；数组解构无需括号因[]不会被识别为代码块。
对象解构赋值时加圆括号，不是为了“好看”，而是因为 JavaScript 解析器会把 {...} = ... 这种写法默认识别为代码块（block statement），而不是解构赋值语句——这时候等号左边就变成了非法语法，直接报错 Unexpected token =。
什么情况下必须加圆括号？
只有一种典型场景：**对已声明的变量重新进行对象解构赋值**。
- ✅ 正确（带
const/let/var声明）：const { name, age } = user;—— 解析器知道这是声明+解构，无需括号 - ❌ 错误（变量已存在，直接写）：
{ name, age } = user;—— 解析器以为你写了代码块{...}，后面跟等号不合法 - ✅ 正确（已声明后赋值，加括号）：
({ name, age } = user);—— 圆括号强制解析为表达式，解构才生效
常见避坑方式
不用硬记括号规则，用更稳妥、更清晰的写法代替：
jm-jsjkxyjs02-zlm-405
下载
使用约定式提交（Conventional Commits）生成标准化的 Git 提交信息。适用于以下场景： (1) 暂存更改时需要提交信息； (2) 审查 diff 时希望获得结构化摘要； (3) 编写 PR 描述或变更日志（changelog）条目； (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff，并生成按类型（type）划分范围的提交信息。
- 优先用
const/let一次性声明并解构，避免后续重复赋值 - 如果必须复用变量，改用点号或方括号取值：
name = user.name; age = user.age; - 需要批量提取且不能用
const（比如函数内多次更新），可包一层立即执行函数：(({ name, age }) => { /* 使用 name/age */ })(user); - 在
for或while循环里解构对象时，也必须加括号：while (data) { ({ id, title } = data); data = data.next; }
为什么数组解构不用括号？
因为 [...] 在语句开头永远不会被解释为代码块（JS 中代码块只能用 {}），所以 [a, b] = arr; 即使变量已声明，也不会歧义。但对象的 {} 就不同了——它既是对象字面量，又是代码块的语法，解析器必须靠上下文判断，而单独一行的 {...} = 默认选后者。
顺手防其他关联错误
加括号只是表象，真正容易翻车的是数据不确定性：
- 解构
null或undefined会直接报错：({ name } = null)→Cannot destructure property 'name' of 'null' - 安全做法是提前守卫：
user && ({ name } = user)，或用可选链+空值合并：const { name } = user ?? {}; - 属性名拼错不会报错，但变量得
undefined，建议配合 TypeScript 或 ESLint 的no-unused-vars和no-undef规则及时发现
