javascript - (cond && value || default_value) 和 (cond ? value : default_value) in JavaScript?) 有区别吗

Question

这两个表达式生成的结果似乎相同。它们之间有什么区别吗？

Answer 1

如果您的 cond 条件为真，但您的 value 不是，则第一个表达式将转到 default_value，而您的第二个表达式只要 cond 为真，就会给出 value，无论实际 value 是什么。

例子:

var cond = true,
    value = false,
    default_value = "whatever";

cond && value || default_value; // gives "whatever"
cond ? value : default_value; // gives `false`

value = "truthy";
cond && value || default_value; // gives "truthy"
cond ? value : default_value; // gives "truthy"

value = null; // or `undefined`, or "" (empty string), or any falsy value.
cond && value || default_value; // gives "whatever"
cond ? value : default_value; // gives `null` (or `undefined`, or "")
// or whatever is in `value`

现场演示:http://jsfiddle.net/artxvLab/