更多情况下，人们使用逻辑运算符来缩短语句语法:

!defaults.slideshowWidth &&
  (defaults.slideshowWidth = obj.find('img').width() + 'px');

但在你的特定情况下，语法可以更简单:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width() + 'px';

这段代码将返回默认值。如果为默认值，则为slideshowWidth。slideshowWidth的值为true，否则为obj.find('img').width() + 'px'值。

有关详细信息，请参见逻辑运算符的短路计算。

在你的情况下，我认为三元运算符是多余的。可以使用||和&&操作符将变量直接赋值给表达式。

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null ;

将变成:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

它更清晰，更“javascript”风格。

首先，三元表达式不是if/else结构的替代品——它等价于返回值的if/else结构。也就是说，if/else子句是代码，三元表达式是表达式，这意味着它返回一个值。

这意味着几件事:

只有当在=的左边有一个变量将被分配返回值时，才使用三元表达式 当返回值是两个值之一时，只使用三元表达式(如果合适，则使用嵌套表达式) 表达式的每一部分(after ?和after:)应该返回一个没有副作用的值(表达式x = true返回true，因为所有表达式都返回最后一个值，但它也改变了x，而x对返回值没有任何影响)

简而言之，三元表达式的“正确”用法是

var resultofexpression = conditionasboolean ? truepart: falsepart;

而不是你的例子条件?X =true: null;，当你使用三元表达式来设置X的值时，你可以使用这个:

 condition && (x = true);

这仍然是一个表达式，因此可能无法通过验证，因此更好的方法是

 void(condition && x = true);

最后一个将通过验证。

但是，如果期望值是一个布尔值，只需使用条件表达式本身的结果

var x = (condition); // var x = (foo == "bar");

更新

对于你的样本，这可能更合适:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

var x = condition || null;

更多情况下，人们使用逻辑运算符来缩短语句语法:

!defaults.slideshowWidth &&
  (defaults.slideshowWidth = obj.find('img').width() + 'px');

但在你的特定情况下，语法可以更简单:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width() + 'px';

这段代码将返回默认值。如果为默认值，则为slideshowWidth。slideshowWidth的值为true，否则为obj.find('img').width() + 'px'值。

有关详细信息，请参见逻辑运算符的短路计算。

我们现在也有了“null coalescing operator”(??)。它的工作原理类似于“OR”操作符，但仅在左侧表达式为空或未定义时返回，对于其他假值则不返回。

例子:

const color = undefined ?? 'black';   // color: 'black'
const color = '' ?? 'black';   // color: ''
const color = '#ABABAB' ?? 'black';   // color: '#ABABAB'