三元运算符和 if A, B, else C. 有什么重要的区别吗？

Question

在 javascript 中有几种方法可以做到这一点。

最重要、最易读、最灵活的可能是：

if (a){
    //b
}
else {
    //c
}

只有*适用于分配且可读性较差的其他内容是：

var foo = 'c';
if (a){
    foo = 'b';
}

不过，我的主要问题是关于我能想到的最后两种方法：

var foo = a ? b : c;

var foo = a && b || c;

这两种表达方式有什么不同吗？除了两者都缺乏的可读性。

*虽然您可以将 foo 指定为一个函数，然后在 if 语句之后执行它。

Answer 1

假设：

var a = false, b = '', c = 'bar';

然后：

var foo = a ? b : c; // foo == ''
var foo = a && b || c; // foo == 'bar'

两者不等价；您永远不应该使用布尔运算符代替条件运算符。和其他回答者一样，我也认为条件运算符并不缺乏简单表达式的可读性。

Answer 2

三元运算符对我来说当然是可读的。甚至比第一个示例更重要，因为简洁，逻辑代码总是比执行相同操作的多行控制代码更容易理解。

Answer 3

我不同意只要正确使用第一个缺乏可读性，IOW a、b 和 c 本身就是简单的表达式。尽管在某些情况下它不应该被滥用，但该运算符确实会被滥用。

与第二个表达式类似，将结果 foo 用作布尔值以外的任何值都不好。使用布尔运算符返回非布尔值，因为它们的工作方式令人困惑。然而，作为一个布尔表达式，它是合理的。

Answer 4

var foo = a ? b : c;    // foo is b when a is true else c.
var foo = a && b || c;  // foo is true if a and b are true or c is true.

它们的计算结果不同，因为后者是布尔表达式，不使用三元运算符。