Тернарные операторы в 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 является кодом, троичное выражение является выражением , означающим, что оно возвращает значение.

Это означает несколько вещей:

• используйте троичные выражения только тогда, когда у вас есть переменная слева от =которой должно быть присвоено возвращаемое значение
• Используйте троичные выражения только тогда, когда возвращаемое значение должно быть одним из двух значений (или используйте вложенные выражения, если это подходит)
• каждая часть выражения (после? и после:) должна возвращать значение без побочных эффектов (выражение x = 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");

ОБНОВЛЕНИЕ В отношении вашего образца это, вероятно, более уместно:

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' значение иначе.

См. Короткое замыкание Оценка логических операторов для деталей.

var x = condition || null;

Вы могли бы написать

x = condition ? true : x;

Так что х не изменяется, когда условие ложно.

Это эквивалентно

if (condition) x = true

РЕДАКТИРОВАТЬ:

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

Есть несколько альтернатив - я не говорю, что они лучше / хуже - просто альтернативы

Передача нулевого значения в качестве третьего параметра работает, поскольку существующее значение равно нулю. Если вы выполните рефакторинг и измените условие, то есть опасность, что это больше не так. Передача существующего значения в качестве 2-го выбора в тройной страже против этого:

!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}

первоисточник