Operatory trójskładnikowe w JavaScript bez „innego”

Zawsze musiałem stawiać nullna inne warunki, które nic nie mają. Czy jest coś dookoła? Na przykład

condition ? x = true : null;

w zasadzie, czy jest na to sposób:

condition ? x = true;

Teraz pojawia się jako błąd składni

FYI, oto prawdziwy przykładowy kod:

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

Po pierwsze, wyrażenie trójskładnikowe nie jest zamiennikiem konstrukcji if / else - jest odpowiednikiem konstrukcji if / else, która zwraca wartość. Oznacza to, że klauzula if / else jest kodem, a wyrażenie trójskładnikowe jest wyrażeniem , co oznacza, że ​​zwraca wartość.

Oznacza to kilka rzeczy:

• Używaj wyrażeń trójskładnikowych tylko wtedy, gdy po lewej stronie zmiennej, =której ma zostać przypisana wartość zwracana, znajduje się zmienna
• używaj wyrażeń trójskładnikowych tylko wtedy, gdy zwracana wartość ma być jedną z dwóch wartości (lub użyj wyrażeń zagnieżdżonych, jeśli pasuje)
• każda część wyrażenia (po? i after:) powinna zwracać wartość bez skutków ubocznych (wyrażenie x = truezwraca prawdę, ponieważ wszystkie wyrażenia zwracają ostatnią wartość, ale także zmienia x bez x, które mają wpływ na zwracaną wartość)

Krótko mówiąc - „prawidłowe” użycie wyrażenia trójskładnikowego to

var resultofexpression = conditionasboolean ? truepart: falsepart;

Zamiast przykładu condition ? x=true : null ;, w którym używasz wyrażenia trójskładnikowego do ustawienia wartości x, możesz użyć tego:

 condition && (x = true);

Jest to nadal wyrażenie i dlatego może nie przejść walidacji, więc byłoby jeszcze lepsze podejście

 void(condition && x = true);

Ostatni przejdzie walidację.

Ale z drugiej strony, jeśli oczekiwana wartość jest wartością logiczną, po prostu użyj wyniku samego wyrażenia warunku

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

AKTUALIZACJA W odniesieniu do twojej próbki jest to prawdopodobnie bardziej odpowiednie:

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

Nie, potrzebuje trzech operandów. Dlatego nazywane są operatorami trójskładnikowymi .

Jednak dla tego, co masz jako przykład, możesz zrobić to:

if(condition) x = true;

Chociaż bezpieczniej jest mieć nawiasy klamrowe, jeśli chcesz dodać więcej niż jedną instrukcję w przyszłości:

if(condition) { x = true; }

Edycja: Teraz, gdy podasz rzeczywisty kod, którego dotyczy Twoje pytanie:

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

Coraz częściej ludzie używają operatorów logicznych, aby skrócić składnię instrukcji:

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

Ale w twoim konkretnym przypadku składnia może być jeszcze prostsza

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

Ten kod zwróci defaults.slideshowWidthwartość, jeśli defaults.slideshowWidthzostanie oszacowana jako true iobj.find('img').width()+'px' wartość w przeciwnym razie.

Aby uzyskać szczegółowe informacje, patrz Ocena zwarć operatorów logicznych.

var x = condition || null;

Możesz pisać

x = condition ? true : x;

Tak więc x jest niezmodyfikowane, gdy warunek jest fałszywy.

To jest równoważne z

if (condition) x = true

EDYTOWAĆ:

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

Jest kilka alternatyw - nie mówię, że są lepsze / gorsze - są to tylko alternatywy

Przekazywanie wartości null jako trzeciego parametru działa, ponieważ istniejąca wartość ma wartość null. Jeśli dokonasz refaktoryzacji i zmienisz warunek, istnieje niebezpieczeństwo, że nie jest to już prawdą. Przekazywanie istniejącej wartości jako drugi wybór w trójskładnikowej ochronie przed tym:

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

Bezpieczniejsze, ale może nie tak przyjemne dla oka i więcej pisania. W praktyce pewnie bym napisał

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

W twoim przypadku widzę operator trójskładnikowy jako zbędny. Możesz przypisać zmienną bezpośrednio do wyrażenia, używając operatorów ||, &&.

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

stanie się :

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

Jest bardziej przejrzysty, bardziej w stylu „javascript”.

A co po prostu

    if (condition) { code if condition = true };

Aby użyć operatora trójargumentowego bez innego elementu wewnątrz tablicy lub deklaracji obiektu, można użyć operatora rozproszenia ES6 ...()

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

A dla obiektów:

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

Pierwotnym źródłem