JavaScript中对象解构赋值表达式外层包裹圆括号的作用是什么？

两者核心区别 #

加圆括号是符合ECMAScript规范的标准写法，不加圆括号属于部分JS引擎在非严格模式下的容错兼容写法，不具备通用性。

具体解析逻辑 #

• 当代码行以{开头时，JavaScript引擎默认会将开头的{解析为代码块的起始标记，而非对象解构语法的一部分。如果不加外层圆括号直接写{ a, b } = { a: 10, b: 20 }，引擎会先把{ a, b }识别为代码块，后续的=符号就会触发语法错误。
• 外层的圆括号作用是明确告诉引擎，括号包裹的内容是一个表达式，而非代码块，从而正确触发对象解构赋值的逻辑，这是ES规范中明确规定的「无声明对象解构赋值」的标准写法。

为什么部分场景下不加括号也能运行 #

只有在**非严格模式（松散模式）**下，V8等部分JS引擎做了额外的容错处理，才会强行将这种不符合规范的写法识别为解构赋值，你看到的运行结果一致只是巧合。如果切换到严格模式（代码开头添加'use strict';），不加圆括号的写法会直接抛出语法错误：Uncaught SyntaxError: Unexpected token '='，完全无法执行。

开发建议 #

所有不带变量声明的对象解构赋值场景（即不是const {a, b} = xxx/let {a, b} = xxx这种带声明关键字的写法），必须添加外层圆括号，保证写法符合规范、兼容所有执行环境。

内容的提问来源于stack exchange，提问作者Pegtomous