javascript - 为什么这些链式速记运算符不起作用？

Question

在 JavaScript 中使用链式速记运算符编写交换函数时，我偶然发现了一些让我很困惑的东西。

此代码应该交换 a 和 b 值。

var a = 4532;
var b = 969;

a^=b^=a^=b;

但事实并非如此:b = 4532，但 a = 0。

如果我将此代码分成两行，它就会按预期工作。

var a = 4532;
var b = 969;

b^=a^=b;
a^=b;

技术解释是什么？

PS:这里是the code on jsfiddle如果有人想快速亲自尝试一下。

Answer 1

在回答你的问题之前，你能说出下面代码的结果吗？

var c = 1;
c += c += 1;

你可能认为是 4，你自己试试吧:)

我不知道 javascript 代码在底层是如何解释的。以下是我尝试解释为什么会发生这种情况的方法。

通过a += b，它等于a = a + b。因此，c += c += 1 是 c = c + (c = c + 1)。以(c + (c = c + 1))的形式赋值，结果为(c + c + 1)。这里我认为这是关键点，而且令人困惑的是，变量c仍然是1，尽管我们重新分配了一个新值c + 1对其进行第一个赋值 c += 1。

因此，a^=b^=a^=b 等于 a = a^b^a^b，即 0。因为对 a 的内部更改被忽略，或者可能是一个错误？

我的另一个猜测是，代码可能会这样扩展:

c = 1 + (c = 1 + 1)// in form of c = c + (c = c + 1)

这都是我的猜测，因为我不知道VM生成的字节码是什么样的。希望有用。