Operatori ternari in JavaScript senza "altro"

Ho sempre dovuto mettere nullnelle altre condizioni che non hanno nulla. C'è comunque intorno? Per esempio

condition ? x = true : null;

in sostanza, c'è un modo per fare:

condition ? x = true;

Ora si presenta come un errore di sintassi

Cordiali saluti, ecco un vero esempio di codice:

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

Prima di tutto, un'espressione ternaria non sostituisce un costrutto if / else, è equivalente a un costrutto if / else che restituisce un valore. Cioè, una clausola if / else è codice, un'espressione ternaria è un'espressione , nel senso che restituisce un valore.

Ciò significa diverse cose:

• usa espressioni ternarie solo quando hai una variabile sul lato sinistro a =cui deve essere assegnato il valore di ritorno
• utilizzare le espressioni ternarie solo quando il valore restituito deve essere uno dei due valori (oppure utilizzare espressioni nidificate se è appropriato)
• ogni parte dell'espressione (dopo? e dopo:) dovrebbe restituire un valore senza effetti collaterali (l'espressione x = truerestituisce vero in quanto tutte le espressioni restituiscono l'ultimo valore, ma cambia anche x senza che x abbia alcun effetto sul valore restituito)

In breve: l'uso "corretto" di un'espressione ternaria è

var resultofexpression = conditionasboolean ? truepart: falsepart;

Invece del tuo esempio condition ? x=true : null ;, in cui usi un'espressione ternaria per impostare il valore di x, puoi usare questo:

 condition && (x = true);

Questa è ancora un'espressione e potrebbe quindi non superare la convalida, quindi sarebbe un approccio ancora migliore

 void(condition && x = true);

L'ultimo passerà la convalida.

Ma poi di nuovo, se il valore atteso è un valore booleano, basta usare il risultato dell'espressione condizione stessa

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

AGGIORNAMENTO In relazione al tuo campione questo è probabilmente più appropriato:

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

No, ha bisogno di tre operandi. Ecco perché sono chiamati operatori ternari .

Tuttavia, per quello che hai come esempio, puoi farlo:

if(condition) x = true;

Sebbene sia più sicuro avere delle parentesi graffe se in futuro è necessario aggiungere più di un'istruzione:

if(condition) { x = true; }

Modifica: ora che hai menzionato il codice effettivo a cui si applica la tua domanda:

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

Più spesso le persone si avvalgono di operatori logici per abbreviare la sintassi dell'istruzione:

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

Ma nel tuo caso particolare la sintassi può essere ancora più semplice

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

Questo codice restituirà il defaults.slideshowWidthvalore se defaults.slideshowWidthviene valutato su true e obj.find('img').width()+'px'valore in caso contrario.

Per i dettagli, consultare la valutazione del corto circuito degli operatori logici.

var x = condition || null;

Potresti scrivere

x = condition ? true : x;

In modo che x non sia modificato quando la condizione è falsa.

Questo quindi equivale a

if (condition) x = true

MODIFICARE:

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

Ci sono un paio di alternative - non sto dicendo che sono migliori / peggiori - solo alternative

Il passaggio a null come terzo parametro funziona perché il valore esistente è null. Se si esegue il refactoring e si modifica la condizione, sussiste il pericolo che ciò non sia più vero. Passando il valore esistente come la seconda scelta nelle guardie ternarie contro questo:

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

Più sicuro, ma forse non così bello da guardare, e più digitando. In pratica, probabilmente scriverei

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

Nel tuo caso vedo l'operatore ternario come ridondante. È possibile assegnare la variabile direttamente all'espressione, utilizzando gli operatori ||, &&.

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

diventerà :

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

È più chiaro, è più stile "javascript".

Che dire semplicemente

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

Per utilizzare un operatore ternario senza altro all'interno di un array o di una dichiarazione oggetto, è possibile utilizzare l'operatore di diffusione ES6 ...()

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

E per gli oggetti:

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

fonte originale