# no-mixed-operators

禁止混合二元运算符

用括号括起来复杂的表达式可以阐明开发人员的意图，从而使代码更具可读性。当在表达式中连续使用不带括号的不同运算符时，此规则会发出警告。

var foo = a && b || c || d;    /*BAD: Unexpected mix of '&&' and '||'.*/
var foo = (a && b) || c || d;  /*GOOD*/
var foo = a && (b || c || d);  /*GOOD*/

**注意：**预计此规则会为一对中的每个混合运算符发出一个错误。因此，对于使用的每两个连续混合运算符，将显示一个明显的错误，指出使用了违反规则的特定运算符：

var foo = a && b || c || d;

会产生

1:13  Unexpected mix of '&&' and '||'. (no-mixed-operators)
1:18  Unexpected mix of '&&' and '||'. (no-mixed-operators)

# 规则详情

此规则检查 BinaryExpression、LogicalExpression 和 ConditionalExpression。

此规则可能与 no-extra-parens 规则冲突。如果同时使用此规则和 no-extra-parens 规则，则需要使用 no-extra-parens 规则的 nestedBinaryExpressions 选项。

此规则的错误代码示例：

/*eslint no-mixed-operators: "error"*/

var foo = a && b < 0 || c > 0 || d + 1 === 0;
var foo = a + b * c;

此规则的正确代码示例：

/*eslint no-mixed-operators: "error"*/

var foo = a || b || c;
var foo = a && b && c;
var foo = (a && b < 0) || c > 0 || d + 1 === 0;
var foo = a && (b < 0 || c > 0 || d + 1 === 0);
var foo = a + (b * c);
var foo = (a + b) * c;

# 选项

{
    "no-mixed-operators": [
        "error",
        {
            "groups": [
                ["+", "-", "*", "/", "%", "**"],
                ["&", "|", "^", "~", "<<", ">>", ">>>"],
                ["==", "!=", "===", "!==", ">", ">=", "<", "<="],
                ["&&", "||"],
                ["in", "instanceof"]
            ],
            "allowSamePrecedence": true
        }
    ]
}

此规则有 2 个选项。

groups (string[][]) - 指定要检查的操作员组。groups 选项是组列表，组是二元运算符列表。默认运算符组定义为算术、按位、比较、逻辑和关系运算符。注意：三元运算符（？：）可以是任何组的一部分，默认情况下允许与其他运算符混合。
allowSamePrecedence (boolean) - 指定是否允许混合运算符，如果它们具有相同的优先级。默认为 true。

# groups

以下运算符可用于 groups 选项：

算术运算符："+"、"-"、"*"、"/"、"%"、"**"
位运算符："&"、"|"、"^"、"~"、"<<"、">>"、">>>"
比较运算符："=="、"!="、"==="、"!=="、">"、">="、"<"、"<="
逻辑运算符："&&"、"||"
合并运算符："??"
关系运算符："in"、"instanceof"
三元运算符：?:

现在，考虑以下组配置：{"groups": [["&", "|", "^", "~", "<<", ">>", ">>>"], ["&&", "||"]]}。此配置中指定了 2 组：按位运算符和逻辑运算符。此规则检查操作员是否仅属于同一组。在这种情况下，此规则检查位运算符和逻辑运算符是否混合，但忽略所有其他运算符。

带有 {"groups": [["&", "|", "^", "~", "<<", ">>", ">>>"], ["&&", "||"]]} 选项的此规则的错误代码示例：

/*eslint no-mixed-operators: ["error", {"groups": [["&", "|", "^", "~", "<<", ">>", ">>>"], ["&&", "||"]]}]*/

var foo = a && b < 0 || c > 0 || d + 1 === 0;
var foo = a & b | c;

/*eslint no-mixed-operators: ["error", {"groups": [["&&", "||", "?:"]]}]*/

var foo = a || b ? c : d;

var bar = a ? b || c : d;

var baz = a ? b : c || d;

此规则使用 {"groups": [["&", "|", "^", "~", "<<", ">>", ">>>"], ["&&", "||"]]} 选项的正确代码示例：

/*eslint no-mixed-operators: ["error", {"groups": [["&", "|", "^", "~", "<<", ">>", ">>>"], ["&&", "||"]]}]*/

var foo = a || b > 0 || c + 1 === 0;
var foo = a && b > 0 && c + 1 === 0;
var foo = (a && b < 0) || c > 0 || d + 1 === 0;
var foo = a && (b < 0 ||  c > 0 || d + 1 === 0);
var foo = (a & b) | c;
var foo = a & (b | c);
var foo = a + b * c;
var foo = a + (b * c);
var foo = (a + b) * c;

/*eslint no-mixed-operators: ["error", {"groups": [["&&", "||", "?:"]]}]*/

var foo = (a || b) ? c : d;
var foo = a || (b ? c : d);

var bar = a ? (b || c) : d;

var baz = a ? b : (c || d);
var baz = (a ? b : c) || d;

# allowSamePrecedence

此规则使用 {"allowSamePrecedence": true} 选项的正确代码示例：

/*eslint no-mixed-operators: ["error", {"allowSamePrecedence": true}]*/

// + and - have the same precedence.
var foo = a + b - c;

带有 {"allowSamePrecedence": false} 选项的此规则的错误代码示例：

/*eslint no-mixed-operators: ["error", {"allowSamePrecedence": false}]*/

// + and - have the same precedence.
var foo = a + b - c;

此规则使用 {"allowSamePrecedence": false} 选项的正确代码示例：

/*eslint no-mixed-operators: ["error", {"allowSamePrecedence": false}]*/

// + and - have the same precedence.
var foo = (a + b) - c;

# 何时不使用

如果您不想收到有关混合运算符的通知，那么禁用此规则是安全的。

← no-magic-numbers no-multi-assign →