问JS中的计算顺序

EN

“先做括号”不是JS中的一条规则。“从左到右”也不是一条规则。以1 + 4 * 6为例。严格的从左到右会导致

• 1+4 = 5，5*6 = 30

这不是JS做的。

相反，JS将表达式解析为表达式树，然后从树根开始计算它。(严格地说，构建树不需要JS实现，但它必须提供与树相同的结果。)

例如，示例表达式10-5+(7+2)/3将生成一棵树，大致如下所示：

AdditiveExpression:
    AdditiveExpression
        AdditiveExpression
            MultiplicativeExpression
                ... NumericLiteral         10

        -                                  -
        MultiplicativeExpression
            ... NumericLiteral             5
    +                                      +
    MultiplicativeExpression
        MultiplicativeExpression
            ... ParenthesizeExpression
                (                          (
                Expression
                   ... AdditiveExpression  7+2
                       
                )                          )
        MultiplicativeOperator             /
        ExponentiationExpression
            ... NumericLiteral             3

其中：

• 我用缩进来表达嵌套；
• 用“.”当我省略了许多中间派生；和
• ，我没有费心给出"7+2".

的完整子树。

(我找不到让codeboot.org显示其解析树的方法。如果有某种方式，或者使用其他工具来显示表达式的解析树，请注意，它看起来可能与上面不完全相同，但是它应该非常相似，这样就会产生相同的行为。)

要计算表达式，它从根开始，根是一个AdditiveExpression，其子级为：

(7+2)/3).

• AdditiveExpression (用于10-5)、
• +令牌和
• a MultiplicativeExpression (用于10-5)

规则是

• (a)计算左操作数，然后
• (B)计算右，然后
• (C)对结果执行加法。

这就是为什么(a) 10-5 => 5是您的解释器计算的第一件事。

接下来是(b)计算MultiplicativeExpression for (7+2)/3。这里的规则类似，所以我们需要：

/. (

• ，b1)计算左操作数( MultiplicativeExpression for (7+2))，然后计算右操作数( ExponentiationExpression表示3)，
• (B3)执行MultiplicativeOperator
• 指示的操作。

所以(b1) 7+2 => 9是下一件事

然后(b2) 3 => 3

然后(b3) 9/3 => 3。

我们现在完成了步骤(b)，所以我们继续到(c) 5+3 => 8。

这与您的解释器执行的一系列计算相匹配。