增加对 JavaScript 增量运算符的理解 [重复]

Question

可能重复：
++someVariable Vs. someVariable++ in Javascript

我很难理解增量运算符。此运算符将其操作数递增（加一）并返回一个值。我在操作数 (x++) 之后使用了带有运算符的后缀，因此它在递增之前返回值。

所以如果 x 为 3，则语句 y = x++ 将 y 设置为 3 并将 x 递增为 4

var x = 3; 
var y = x++; 

console.log(x); // 4
console.log(y); // 3

我不明白为什么 y 不保存值 4 而是设置为 3，以及为什么 x 在分配值为 3 时保存值 4。

Answer 1

post-increment 运算符在 被取值后递增。这就是它与预增量运算符不同的原因。

Answer 2

var y = x++;

是这两个语句的简写（按顺序）：

var y = x;
x = x + 1;

如果你想让 y 等于 4，你会这样做：

var y = ++x;

简写为：

x = x + 1;
var y = x;

Answer 3

已通过关注Alex cmets 改进了问题。

假设有一个变量x, s.a. var x=3.

案例 1 当你写：

var y = x++;

然后，完成以下步骤：

1. 变量x被求值（x为3）；
2. 变量x递增（x为4）；
3. 评估结果（发生在步骤（1）中）分配给y（因此将产生y=3）；

案例 2 当你写： 变量 y = ++x;

然后，完成以下步骤：

1. 变量x递增（x为4）；
2. 评估变量x（x 为 4）；
3. 评估结果（发生在步骤（2）中）分配给y（因此将产生y=4）；

在这种情况下，遵循 Javascript 的运算符优先级很重要（例如，请参阅更多 here）。

案例 3 为了完整起见，正如 Alex 所观察到的，同样重要的是要认识到，如果 CASE1 中提供的步骤对同一个变量重复，那么变量将递增然后恢复到初始值，即你写的时候：

x = x++;

然后，完成以下步骤：

1. 变量x被求值（x是3）；
2. 变量x递增（x为4）；
3. 评估结果（发生在步骤（1）中）分配给x（因此将产生x=3）；

Answer 4

来自MDN Docs - Arithmetic Operators

++（增量）

自增运算符的用法如下：

var++ 或 ++var

此运算符将其操作数递增（加一）并返回一个 价值。如果使用后缀，则在操作数之后使用运算符（例如， x++)，然后返回递增前的值。如果使用前缀 with 操作数之前的运算符（例如，++x），则返回 递增后的值。

例如，如果 x 为 3，则语句 y = x++ 将 y 设置为 3，并且 将 x 递增到 4。如果 x 为 3，则语句 y = ++x 递增 x 为 4 并将 y 设置为 4。

Answer 5

变量后的++是后自增运算符，表示在读取变量后执行自增。

见：http://en.wikipedia.org/wiki/Increment_and_decrement_operators

Answer 6

x++ 是 *post*increment 运算符。相当于：

 var tmp = x;
 x = x + 1;
 return tmp;

这是过去 C 时代的遗留物，人们喜欢编写如下代码：

 while(*dest++ = *src++);

（翻译：将内存范围复制到第一个 0 字节）。还有一个 *pre*increment 运算符++ x 先递增，然后返回递增的结果。

Answer 7

有两种增加方式

var y = x++; // first make the allocation then the increasing
// and
var y = ++x; // first make the increasing then the allocation

Answer 8

x++ 的增量发生在 x 的值的临时副本生成并返回临时副本之后。相反的是 ++x，它是一个增量并返回新值：

var x = 3;
var y = ++x; // y === 4

引用ECMA 5.1:

PostfixExpression : LeftHandSideExpression LeftHandSideExpression [no LineTerminator here] ++ LeftHandSideExpression [没有 LineTerminator 此处] -- 70 © Ecma International 2011
11.3.1 后缀增量运算符 产生式 PostfixExpression : LeftHandSideExpression [no LineTerminator here] ++ 被评估为 如下： 1. 令 lhs 为评估 LeftHandSideExpression 的结果。 2.如果满足以下条件，则抛出SyntaxError异常 true:  Type(lhs) is Reference 是 true  IsStrictReference(lhs) is true  Type(GetBase(lhs)) 是环境记录  GetReferencedName(lhs) 是“eval”或“arguments” 3. 让 oldValue 是 ToNumber(GetValue(lhs))。 4.让newValue为相加的结果 值 1 到 oldValue，使用与 + 运算符相同的规则 （见 11.6.3）。 5. 调用 PutValue(lhs, newValue)。 6. 返回旧值。

Answer 9

var y = x++; 

表示x递增，y被赋值为x的递增值。

var y = ++x;

表示x 递增，y 被分配了x 的预递增值。