JavaScript 如何处理 ++ 操作员？

Question

JavaScript 对对象进行时髦的自动转换：

var o = {toString: function() {return "40"; }};
print(o + o);
print((o+1)+o);
print((o*2) + (+o));

将打印：

4040
40140
120

这是因为 +，如果任何参数是对象/字符串，将尝试将所有参数转换为字符串，然后连接它们。 如果所有参数都是数字，它将它们加在一起。 * 和一元 + 使用 toString （以及 valueOf，此处未显示）将对象转换为数字。

JavaScript 对 ++ 运算符有何作用？

Answer 1

来自 ECMAScript 语言规范

11.3 后缀表达式

语法

后缀表达式：

• LeftHandSideExpression
• LeftHandSideExpression [此处没有行终止符] ++
• LeftHandSideExpression [此处没有 LineTerminator] --

11.3.1 Postfix 增量运算符

生产PostfixExpression：
LeftHandSideExpression [否
LineTerminator 在这里] ++ 被评估
如下：

1. 计算 LeftHandSideExpression。
2. 调用 GetValue(Result(1))。
3. 调用 ToNumber(Result(2))。
4. 使用与 + 运算符相同的规则将值 1 添加到 Result(3)
   （第 11.6.3 节）。
5. 调用 PutValue(Result(1), Result(4))。
6. 返回结果(3)。

---

这是 postInc 如何工作的伪 javascript 代码：

function postInc(a) {
  var x = +a; // Converts a to a number, Section 11.4.6 Unary + Operator
  a = x + 1;
  return x;
}

编辑：正如 mikesamuel 所说：它不是 parseInt。 已更新以反映这一点。

Answer 2

下面的代码很好地说明了这一点：

var a = {toString: function() {return "40"; }};
nl(typeof a);
nl(typeof +a);
nl(typeof a);
nl(typeof (a++));
nl(a);
nl(typeof a);

输出为：

object
number
object
number
41
number

一元加将对象转换为数字并且不修改它。 a++ 首先将对象转换为数字，然后返回该数字，然后递增该数字，将值存储在 a 中。

这与另一种可能的解决方案相反，其中 a++ 首先返回对象，然后转换为数字并递增。

Answer 3

++ 运算符执行“toNumber”转换（基本上是类型规则和 valueOf 函数的组合）。 基本上对于任何解析表达式

 resolveExpression++

JS 引擎采取的步骤是

 <temp> = toNumber(resolveExpression);
 resolveExpression = <temp> + 1;
 <result> = <temp>

对于非原子解析表达式，例如： base.resolve++ 或 base["resolve"]++ 等。 base 仅解析一次，然后重复使用。 在任何理智的情况下，这都是无关紧要的，但是如果要递增的值是一个具有更改基础对象的 valueOf 实现的对象，那么这一点很重要。

例如。

base = {};
base.value = {valueOf:function(){base = {}; return 5;}}
base.value++;