为何以下JavaScript代码无效？Chrome控制台赋值报错问题咨询

嘿，这个问题其实很容易被运算符优先级的表象给绕进去，我来给你拆解清楚核心原因：

核心误区：运算符优先级≠赋值合法性 #

你说得没错，=作为赋值运算符确实有它的优先级（而且是很低的，结合性从右到左），但JavaScript对赋值运算还有一个语法层面的硬性要求：赋值号左边必须是一个「可赋值的左值（LHS）」——这和运算符优先级完全是两码事。

什么是「可赋值的左值」？ #

简单说，左值必须是一个能被JavaScript引擎识别为「可以被修改的引用」的表达式，常见的合法左值包括：

• 变量名（比如let a; a = 1里的a）
• 对象的属性访问（比如obj.name或者obj['age']）
• 数组的索引访问（比如arr[0]）
• 少数特殊表达式，比如括号包裹的合法左值（(obj.name) = 20是合法的，因为括号里还是属性引用）

为什么有的代码报错，有的正常？ #

举两个直观的例子：

报错的情况

// 抛出 Invalid left-hand side assignment
(2 + 3) = 5;

这里虽然括号的优先级高于赋值，但左边的(2+3)是一个数值字面量的计算结果，是一个「值」而不是「可修改的引用」，不符合左值要求，所以引擎直接抛出语法错误。

再比如：

// 同样报错
function() {} = 10;

左边的函数表达式是一个匿名函数实例，是一个值类型，不是可赋值的引用，自然不能放在赋值号左边。

正常运行的情况

// 正常：变量是合法左值
let x;
x = 10;

// 正常：链式赋值，从右到左执行，y是合法左值
let y;
x = y = 20;

// 正常：对象属性是合法左值
const user = {};
user.username = "bob";

这些例子里，赋值号左边都是合法的可修改引用，所以引擎能正常处理。

规范层面的解释 #

根据ECMAScript规范，赋值语句的左边必须是AssignmentTarget类型的表达式，而像字面量、二元运算结果、函数表达式这类属于Expression类型，不属于AssignmentTarget，所以会被语法解析器直接拒绝，和运算符优先级无关。

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