没有“ Else”的JavaScript中的三元运算符

我一直不得不放置null没有任何其他条件的条件。反正周围有吗？例如

condition ? x = true : null;

基本上，有什么方法可以做：

condition ? x = true;

现在它显示为语法错误

仅供参考，这是一些真实的示例代码：

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

首先，三元表达式不能替代if / else构造-它等同于返回值的if / else构造。也就是说，if / else子句是code，三元表达式是expression，表示它返回一个值。

这意味着几件事：

• 仅当在变量的左侧=具有要分配返回值的变量时，才使用三元表达式
• 仅在返回值是两个值之一时才使用三元表达式（如果合适则使用嵌套表达式）
• 表达式的每个部分（在？和after：之后）都应返回一个无副作用的值（该表达式x = true返回true，因为所有表达式都返回最后一个值，但也要更改x，而x不会对返回值产生任何影响）

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

var resultofexpression = conditionasboolean ? truepart: falsepart;

condition ? x=true : null ;可以使用以下代码代替使用三元表达式设置的值的示例x：

 condition && (x = true);

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

 void(condition && x = true);

最后一个将通过验证。

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

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

UPDATE 对于您的示例，这可能更合适：

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

不，它需要三个操作数。这就是为什么它们被称为三元运算符。

但是，以您的示例为例，您可以执行以下操作：

if(condition) x = true;

如果将来需要添加多个语句，则使用花括号更安全：

if(condition) { x = true; }

编辑：现在，您提到了您的问题适用于的实际代码：

if(!defaults.slideshowWidth)
    { defaults.slideshowWidth = obj.find('img').width()+'px'; }

人们越来越多地使用逻辑运算符来缩短语句语法：

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

但是在您的特定情况下，语法甚至可以更简单

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

defaults.slideshowWidth如果将defaults.slideshowWidth评估为true，则此代码将返回obj.find('img').width()+'px'值，否则返回value。

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

var x = condition || null;

你可以写

x = condition ? true : x;

因此，当条件为false时，x不会被修改。

这相当于

if (condition) x = true

编辑：

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

有几种选择-我并不是说这些更好/更糟-只是选择

将null作为第三个参数传递是可行的，因为现有值是null。如果您重构并更改条件，则有可能不再存在这种危险。在三元组中将存在值作为第二选择传递，以防止此情况：

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

更安全，但可能看起来不太好，而且打字更多。在实践中，我可能会写

defaults.slideshowWidth = defaults.slideshowWidth 
               || 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 (condition) { code if condition = true };

要使用三元运算符而不在数组或对象声明内使用其他函数，则可以使用ES6传播运算符 ...()

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

对于对象：

const cond = false;
const obj = {
  ...(cond ? {a: 1} : {}),
  b: 2,
};
    // {b: 2}

原始资料