Operatori ternari in JavaScript senza "altro"

Question

Ho sempre dovuto inserire null nelle altre condizioni che non hanno nulla. C'è comunque intorno ad esso? Per esempio.

condition ? x = true : null; 

in fondo, c'è un modo per farlo:

condition ? x = true; 

Ora si presenta come un errore di sintassi

Cordiali saluti, ecco alcune vero e proprio codice di esempio:

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

Answer 1

Prima di tutto, l'espressione ternaria non è un sostituto per un if/else costrutto - la sua un equivalente ad un if/else costrutto che restituisce un valore. Cioè, una clausola if/else è codice, un'espressione ternaria è un'espressione , che significa che restituisce un valore.

significa diverse cose:

• usano espressioni ternari solo quando si dispone di una variabile sul lato sinistro del = che deve essere assegnato il valore di ritorno
• solo utilizzare le espressioni ternari quando il valore restituito deve essere uno dei due valori (o utilizzare espressioni nidificate se è appropriato)
• ogni parte dell'espressione (dopo? e dopo:) deve restituire un valore senza effetti collaterali (l'espressione x = true restituisce true come tutte le espressioni restituiscono il valore ultimo valore, ma cambia anche x senza tx avendo alcun effetto sul valore restituito)

In breve - l'uso 'corretta' di un'espressione ternario è

var resultofexpression = conditionasboolean ? truepart: falsepart; 

Invece di vostro esempio condition ? x=true : null ;, in cui si utilizza l'espressione ternaria per impostare il valore della x, è possibile utilizzare questo:

condition && (x = true); 

questo è ancora un'espressione e potrebbe quindi non passa la convalida, quindi un approccio ancora migliore sarebbe

void(condition && x = true); 

L'ultimo passerà la convalida.

Ma poi di nuovo, se il valore previsto è un valore booleano, basta utilizzare il risultato della condizione espressione stessa

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

---

UPDATE In relazione a vostro campione questo è probabilmente più appropriato:

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

Answer 2

No, ha bisogno di tre operandi. Ecco perché si chiamano operatori ternari.

Tuttavia, per quello che avete come vostro esempio, si può fare questo:

if(condition) x = true; 

Anche se è più sicuro di avere bretelle, se avete bisogno di aggiungere più di una dichiarazione in futuro:

if(condition) { x = true; } 

Edit: Ora che si parla il codice vero e proprio in cui la vostra domanda vale per:

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

Answer 3

var x = condition || null; 

Answer 4

Si potrebbe scrivere

x = condition ? true : x; 

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

Questo poi equivale a

if (condition) x = true 

EDIT:

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

ci sono un paio di alternative - non sto dicendo queste sono meglio/peggio - semplicemente alternative

Passing in null come il terzo parametro funziona perché il valore esistente è nullo. Se rifattori e cambi la condizione, allora c'è il pericolo che questo non sia più vero. Passando il valore exising come il 2 ° scelta delle guardie ternari contro questo:

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

più sicuro, ma forse non così piacevole da guardare, e più di battitura. In pratica, probabilmente sarei scrivo

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

Answer 5

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'; 

E 'più chiaro, è più stile "javascript".

Answer 6

Il più delle volte la gente ottenere l'uso degli 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 valore defaults.slideshowWidth se il valore defaults.slideshowWidth viene valutato su true e il valore obj.find('img').width()+'px' in caso contrario.

Vedere il Short-Circuit Evaluation degli operatori logici per i dettagli.