解构赋值语法报错解惑：为何需用括号包裹整段赋值代码？

为什么会出现执行差异？ #

JavaScript/TypeScript的语法解析器会根据代码上下文判断结构：

• 当{b} = {b:1}紧跟在let b;之后（无空行），解析器能明确这是赋值语句的延续。前面的变量声明已经确定了上下文，所以{b}会被识别为对象解构的模式，而非代码块，因此可以正常执行。
• 当这行代码单独成句（空行后），解析器看到开头的{，会优先将其解析为代码块的起始标记。而代码块后面直接跟=完全不符合语法规范，所以会抛出语法错误。

TypeScript的报错已经直接点明了问题本质：当=出现在语句块之后时，解析器不会默认将前面的{b}视为解构模式，而是当成代码块，自然触发语法错误。

括号包裹的作用 #

用({b} = {b:1})包裹后，括号会强制解析器将内部内容识别为表达式而非语句。因为在JS/TS语法中，括号内只能是表达式，这样解析器就不会把{b}误判为代码块，而是正确解析为对象解构的赋值表达式，从而顺利执行。

总结来说，括号的核心作用就是消除语法歧义，明确告诉解析器：这是一个需要执行的赋值表达式，不是代码块。

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