创建自定义块 - 运算符优先级

---

title: 创建自定义块 - 运算符优先级

代码生成器用于将Blockly的程序转换为JavaScript，Python，PHP，Lua，Dart等。为新块创建代码生成器时最具挑战性的问题是处理操作的顺序，以便生成的代码按预期执行。

坑爹的括号

---

考虑以下块的装配。

如果生成器不知道运算符优先级，则生成的JavaScript代码将是：

alert(2 * 3 + 4);

这显然是不正确的，因为乘法运算符分割加法，先乘以3。一个解决方案是将每个值块的结果包裹在括号中：

alert(((2) * ((3) + (4)));

这个解决方案完美地工作，但它导致非常凌乱的代码与大量的冗余括号。对于一些使用情况，这不是一个问题。如果人眼永远不会看到生成的代码，那么这是可以接受的。但是，Blockly经常被用作介绍编程的教育工具，一种依赖于生成人类可读代码的用例。

Good Parentheses

---

为了生成没有不合理数量的括号的正确代码，每个语言生成器都提供了有序的优先级列表。这里是JavaScript的列表：

Blockly.JavaScript.ORDER_ATOMIC = 0;         // 0 "" ...
Blockly.JavaScript.ORDER_MEMBER = 1;         // . []
Blockly.JavaScript.ORDER_NEW = 1;            // new
Blockly.JavaScript.ORDER_FUNCTION_CALL = 2;  // ()
Blockly.JavaScript.ORDER_INCREMENT = 3;      // ++
Blockly.JavaScript.ORDER_DECREMENT = 3;      // --
Blockly.JavaScript.ORDER_LOGICAL_NOT = 4;    // !
Blockly.JavaScript.ORDER_BITWISE_NOT = 4;    // ~
Blockly.JavaScript.ORDER_UNARY_PLUS = 4;     // +
Blockly.JavaScript.ORDER_UNARY_NEGATION = 4; // -
Blockly.JavaScript.ORDER_TYPEOF = 4;         // typeof
Blockly.JavaScript.ORDER_VOID = 4;           // void
Blockly.JavaScript.ORDER_DELETE = 4;         // delete
Blockly.JavaScript.ORDER_MULTIPLICATION = 5; // \*
Blockly.JavaScript.ORDER_DIVISION = 5;       // /
Blockly.JavaScript.ORDER_MODULUS = 5;        // %
Blockly.JavaScript.ORDER_ADDITION = 6;       // +
Blockly.JavaScript.ORDER_SUBTRACTION = 6;    // -
Blockly.JavaScript.ORDER_BITWISE_SHIFT = 7;  // << >> >>>
Blockly.JavaScript.ORDER_RELATIONAL = 8;     // < <= > >=
Blockly.JavaScript.ORDER_IN = 8;             // in
Blockly.JavaScript.ORDER_INSTANCEOF = 8;     // instanceof
Blockly.JavaScript.ORDER_EQUALITY = 9;       // == != === !==
Blockly.JavaScript.ORDER_BITWISE_AND = 10;   // &
Blockly.JavaScript.ORDER_BITWISE_XOR = 11;   // ^
Blockly.JavaScript.ORDER_BITWISE_OR = 12;    // |
Blockly.JavaScript.ORDER_LOGICAL_AND = 13;   // &&
Blockly.JavaScript.ORDER_LOGICAL_OR = 14;    // ||
Blockly.JavaScript.ORDER_CONDITIONAL = 15;   // ?:
Blockly.JavaScript.ORDER_ASSIGNMENT = 16;    // = += -= \*= /= %= <<= >>= ...
Blockly.JavaScript.ORDER_COMMA = 17;         // ,
Blockly.JavaScript.ORDER_NONE = 99;          // (...)

此列表的大部分直接取自JavaScript的语言规范language spec，其中ORDER_ATOMIC添加到开始，ORDER_NONE添加到结尾。

应用这些规则会在每个块的生成器中的两个地方使用到。第一个地方是从连接的值块获取生成的代码。在这种情况下，我们传递常数，该常数表示与子块生成的代码相邻的任何运算符的最大绑定强度。例如：

var arg0 = Blockly.JavaScript.valueToCode(this, 'NUM1', Blockly.JavaScript.ORDER_DIVISION);

第二个是从值块返回生成的代码。在这种情况下，我们传递常量，它代表块生成代码中任何运算符的最小绑定强度。例如：

return [arg0 + ' / ' + arg1, Blockly.JavaScript.ORDER_DIVISION];

如果子块返回的顺序值弱于或等于父块的顺序参数的顺序值，那么valueToCode函数将自动将子块代码的内容括在括号中，以防止它由父块的代码割裂开。

下面是一些更多的例子。在每种情况下，块具有被表示为“X”的一个连接子块（'X'的内容是未知的并且无关紧要）。第二列列出可能分裂“X”的最强运算符。第三列列出了块的最终代码中最弱的运算符。

生成的代码	Max strength against X	Min strength of block
X + 1	ORDER_ADDITION	ORDER_ADDITION
Math.sqrt(X)	ORDER_NONE	ORDER_MEMBER
!X && false	ORDER_LOGICAL_NOT	ORDER_LOGICAL_AND
foo[X % 60]	ORDER_MODULUS	ORDER_MEMBER

数学很难

---

还是不明白？没问题。只需使用ORDER_ATOMIC作为每次调用valueToCode的顺序，并使用ORDER_NONE作为每个值块上最终返回语句的顺序。结果代码将被不必要的括号侵蚀，但是保证是正确的。