@stylistic/js/

多行三元运算符

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" 选项时，此规则的不正确代码示例

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

foo > bar
 ? 
value1
 : value2;

foo > bar
 ? value :
    value2;

foo > bar ?
        
value
 : value2;

不正确

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

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

foo > bar ?
    value1 :
    value2;

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

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

正确

总是多行

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

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

foo > bar
 ? value1 :
    value2;

foo > bar ?
        
value1
 : value2;

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

不正确

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

/*eslint @stylistic/js/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;

正确

从不

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

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

foo > bar ? 
value
 :
    value2;

foo > bar
 ?
    value : value2;

foo >
    bar ?
        
value1
 :
    value2;

不正确

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

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

foo > bar ? value1 : value2;

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

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

正确

何时不使用它

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

兼容性

• JSCS: requireMultiLineTernary