Тернарні оператори в JavaScript без “Else”

Мені завжди доводилося ставити nullв інших умовах, у яких немає нічого. Чи є все-таки навколо цього? Напр

condition ? x = true : null;

в основному, чи є спосіб зробити:

condition ? x = true;

Тепер це відображається як синтаксична помилка

FYI, ось справжній приклад коду:

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

Перш за все, потрійний вираз не є заміною конструкції if / else - його еквіваленту конструкції if / else, яка повертає значення. Тобто, якщо "if / else" є кодом, потрійний вираз - це вираз , тобто він повертає значення.

Це означає кілька речей:

• використовуйте потрійні вирази лише тоді, коли у вас є ліва зміна з лівого боку, =якій слід призначити повернене значення
• використовувати потрійні вирази лише тоді, коли повернене значення має бути одним з двох значень (або використовувати вкладені вирази, якщо це відповідає)
• кожна частина виразу (після? і після:) повинна повертати значення без побічних ефектів (вираз x = trueповертає істинне, оскільки всі вирази повертають останнє значення, але також змінює х, не маючи жодного впливу на повернене значення)

Коротше кажучи - «правильне» використання потрійного виразу є

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оцінено як істинне, а obj.find('img').width()+'px'значення - інакше.

Докладніше див. Оцінка логічного оператора короткого замикання .

var x = condition || null;

Ви могли написати

x = condition ? true : x;

Отже, x є немодифікованим, коли умова хибна.

Це тоді рівнозначно

if (condition) x = true

Редагувати:

!defaults.slideshowWidth 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : 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}

першоджерело