@stylistic/

multiline-ternary

JavaScript 允许三元表达式操作数用换行符分隔，这可以提高程序的可读性。

例如

var foo = bar > baz ? value1 : value2;

以上可以改写成以下形式，以提高可读性，更清晰地划分操作数

var foo = bar > baz ?
    value1 :
    value2;

var foo = bar > baz
    ? value1
    : value2;

规则详情

此规则强制或禁止三元表达式操作数之间的换行符。注意：此规则不强制执行运算符的位置。如果您有兴趣强制执行运算符本身的位置，请参阅 operator-linebreak 规则。

选项

此规则有一个字符串选项

• "always"（默认）强制三元表达式操作数之间的换行符。
• "always-multiline" 如果表达式跨越多行，则强制三元表达式操作数之间的换行符。
• "never" 禁止三元表达式操作数之间的换行符。
• "ignoreJSX": true 忽略 JSX 中的三元运算符。默认为 false。

always

这是默认选项。

使用 "always" 选项时，此规则的不正确代码示例

/*eslint @stylistic/multiline-ternary: ["error", "always"]*/

foo > bar
 ? 
value1
 : value2;

foo > bar
 ? value :
    value2;

foo > bar ?
        
value
 : value2;

incorrect

使用 "always" 选项时，此规则的正确代码示例

/*eslint @stylistic/multiline-ternary: ["error", "always"]*/

foo > bar ?
    value1 :
    value2;

foo > bar ?
    (baz > qux ?
        value1 :
        value2) :
    value3;

foo > bar
    ? (baz > qux
        ? value1
        : value2)
    : value3;

correct

始终多行

使用 "always-multiline" 选项时，此规则的错误代码示例

/*eslint @stylistic/multiline-ternary: ["error", "always-multiline"]*/

foo > bar
 ? value1 :
    value2;

foo > bar ?
        
value1
 : value2;

foo > bar &&
    bar > baz ? 
value1
 : value2;

incorrect

使用 "always-multiline" 选项时，此规则的正确代码示例

/*eslint @stylistic/multiline-ternary: ["error", "always-multiline"]*/

foo > bar ? value1 : value2;

foo > bar ?
    value1 :
    value2;

foo > bar ?
    (baz > qux ? value1 : value2) :
    value3;

foo > bar ?
    (baz > qux ?
        value1 :
        value2) :
    value3;

foo > bar &&
    bar > baz ?
        value1 :
        value2;

foo > bar
    ? baz > qux
        ? value1
        : value2
    : value3;

correct

从不

使用 "never" 选项时，此规则的错误代码示例

/*eslint @stylistic/multiline-ternary: ["error", "never"]*/

foo > bar ? 
value
 :
    value2;

foo > bar
 ?
    value : value2;

foo >
    bar ?
        
value1
 :
    value2;

incorrect

使用 "never" 选项时，此规则的正确代码示例

/*eslint @stylistic/multiline-ternary: ["error", "never"]*/

foo > bar ? value1 : value2;

foo > bar ? (baz > qux ? value1 : value2) : value3;

foo > bar ? (
    baz > qux ? value1 : value2
) : value3;

correct

何时不使用它

如果您对三元表达式操作数是否应由换行符分隔没有严格的约定，则可以安全地禁用此规则。

兼容性

• JSCS: requireMultiLineTernary