Javascript增量运算顺序的计算

Question

我知道后缀/前缀递增/递减运算符是做什么的。在javascript中，这似乎没有什么不同。

虽然我可以很容易地猜出这一行的结果：

var foo = 10; console.log(foo, ++foo, foo, foo++, foo); 
// output: 10 11 11 11 12

当运算符出现在单独的表达式中时。

由于这些运算符出现在同一个表达式中，因此变得有点复杂：

var foo = 10; console.log(foo, ++foo + foo++, foo);
// output[1]: 10 22 12
// Nothing unexpected assuming LTR evaluation

var foo = 10; console.log(foo, foo++ + ++foo, foo);
// output[2]: 10 22 12
// What? Ordering is now different but we have the same output.
// Maybe value of foo is evaluated lazily...

var foo = 10; console.log(foo, foo + ++foo, foo);
// output[3]: 10 21 11
// What?! So first 'foo' is evaluated before the increment?

我的问题是，Javascript（在本例中为V8，我在Chrome中测试了它们）如何以不同的方式计算第二个和第三个示例中的加法表达式？

为什么foo的评估结果与foo不同。后缀不是应该在表达式之后递增，然后在表达式中计算为foo？

Answer 1

var-foo=10；安慰日志（foo，foo，foo）；

++foo + foo++
   11 + 11

预增量将foo设置为11，然后将其再次添加到foo中，该值仍然为11，在foo再次递增之前计算为22。

var foo=10；console.log（foo， foo foo， foo）；

foo++ + ++foo
10    +    12

当我们到达foo时，该值已经从foo中被证明有罪

var-foo=10；安慰日志（foo，foo，foo）；

foo + ++foo
10  +   11

foo在我们添加到foo之前是递增的，因此我们得到10 11

总结

基本上，这一切都取决于当你把它们加在一起时foo的当前值是多少。

Answer 2

请理解，当您使用foo时，您是在告诉“编译器”：在您将其推送到堆栈后，将其递增。当您使用foo时，您告诉的是另一种方式：增加它，然后将它推到堆栈中。运算符优先于，因为“编译器”以这种方式读取表达式（foo）（foo）

Answer 3

看看：

foo++ + ++foo

精神上重写它：

foo++ →
    addition_lhs = foo  // addition_lhs == 10
    foo += 1            // foo == 11
++foo →
    foo += 1            // foo == 12
    addition_rhs = foo  // addition_rhs == 12

addition_lhs + addition_rhs == 10 + 12 == 22

和foo foo：

foo →
    addition_lhs = foo  // addition_lhs == 10
++foo →
    foo += 1            // foo == 11
    addition_rhs = foo  // addition_rhs == 11

addition_lhs + addition_rhs == 10 + 11 == 21

所以所有东西都是从左到右计算的，包括增量。

要理解的关键规则是，在JavaScript中，在右手边（RHS）执行任何操作之前，整个左手边（LHS）都会被执行，并且记住值。

您可以通过阅读标准来确认计算顺序，也可以在表达式中放置运行时错误，然后查看发生了什么：

alert(1) + alert(2) + (function () { throw Error(); })() + alert(3)