javascript - 感觉是一个引擎问题，这个JS报错怎么解释？

Question

const a = {}
a.b = 1;
// 这一行执行没有问题

// 判断一下a是否为空
a && a.c = 1
// 则会报错 SyntaxError: invalid assignment left-hand side
// 大家可以试一下，为什么 && 导致了左侧赋值无效？

Answer 1

// 大家可以试一下，为什么 && 导致了左侧赋值无效？

因为逻辑与运算符( && )的优先级高于赋值运算符( = )，所以 逻辑与运算符会先执行。

逻辑与的优先级为 5，赋值运算符的优先级为 2

逻辑与 &&：对操作数从左到右求值，遇到第一个假值时立即返回；如果所有操作数都是真值，就返回最后一个操作数的值。

关于真值假值：能够转化为 true 的值叫做真值，能够转化为 false 的值叫做假值。

const a = {}
a.b = 1;
a && a.c = 1

从左到右运算：
a 真值， a.c 假值，返回 a.c
console.log(a && a.c) 结果是 undefined。

哪怕分步骤，最后执行 undefined = 1， 也会报错，因为 undefined 是只读属性。
严格模式下，禁止给对象的只读属性赋值。

所以，赋值表达式中的左侧无效。

Answer 2

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Refer...

因为赋值运算符或比较运算符不匹配的缘故

Answer 3

&运算符优先级是比较高的，a && a.c = 1允许执行顺序为：(a && a.c) = 1, a && a.c 返回的值为undefined, 再接着执行undefined = 1 这一步要注意， undefined = 1进行了隐式转换，即为false = 1, 这时就会报错了；

不过可以执行：a && (a.c = 1)

Answer 4

没有括号的情况先，= 左边有 && 或者 && 右边有 = 都是非法的，语法错误。整个表达式无法被解析。

(a && a.c) = 1
这个里面，&& 的结果是一个值，不是一个可赋值的对象，所以也是错误的。

a && (a.c = 1)
这个倒是可以的。

Answer 5

(js运算符优先级)[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Refer...]
&& 比 = 的优先级高，实际上就是 (a && a.c) = 1
相当于给一个布尔值赋值1 就报错了

Answer 6

因为 && 优先级比 = 高
所以

a && ac.c = 1

会被解释为

false = 1

可以使用()

a && (a.c = 1)

Answer 7

&&的优先级大于赋值=
所以a && a.c = 1先计算了a && a.c得到undefined
然后在将1赋值给undefined这一步时报错

Answer 8

都不用执行, VSCode就报错了:
加上括号VScode不报错, 但执行回报你题目中的错误:

原因是以为计算顺序:
(a && a.c) = 1中的(a && a.c)根据你的代码得到的值是false
然后就是false = 1, false怎么能赋值呢, 然后就你题目中的错了

(a && a.c) = 1可以这样写 a && (a.c = 1), 这样就是在a不为null时给a添加属性

Answer 9

搜一下 js运算符优先级 && 比 = 优先级高 ，实际为 (a && a.c) = 1

Answer 10

`
if (a) {

a.c = 1;

}
`