javascript stenografia if, senza la parte altra

Question

Così sto usando una scorciatoia javascript if/else economico (ho letto da qualche parte si chiamano affermazioni ternari?)

this.dragHandle.hasClass('handle-low') ? direction = "left" : direction = "right"

Questa grande opera, ma cosa succede se in seguito voglio usare solo una stenografia if, senza la porzione else. Come:

direction == "right" ? slideOffset += $(".range-slide").width()

Questo è possibile a tutti?

Answer 1

è possibile utilizzare && operatore - seconda espressione operando viene eseguito solo se prima è vero

direction == "right" && slideOffset += $(".range-slide").width() 

a mio parere if(conditon) expression è più leggibile rispetto condition && expression

Answer 2

No, questo non è possibile, perché l'operatore ternario richiede tre operandi.

first-operand ? second-operand (if first evaluates to true) : third-operand (if false) 

Answer 3

Quello che hai non funziona, ma perché non usare solo una riga se la dichiarazione invece.

if(direction == "right") slideOffset += $(".range-slide").width();

Questo comporta meno di battitura rispetto al metodo suggerito Ray. Ovviamente la sua risposta è valida se si vuole davvero attenersi a quel formato.

Answer 4

Questo non è esattamente rispondere alla tua domanda, ma ternari permettono di scrivere meno di quanto si hai mostrato:

direction = this.dragHandle.hasClass('handle-low') ? "left" : "right"; 

E ora che ci penso, sì, si può fare la tua domanda anche:

slideOffset + direction == "right" ? = $(".range-slide").width() : = 0; 

Questa è una teoria. La prossima volta che avrò l'opportunità di provare un ternario allo +=, lo proverò. Fammi sapere come funziona!

Answer 5

Non pensare a come un controllo- blocco (es .: un if-else o un interruttore). Non è veramente pensato per eseguire il codice al suo interno.

È possibile. Diventa molto brutto, molto veloce, che sconfigge lo scopo.

cosa si vuole veramente usarlo per è assegnazione di valori.

Prendendo il vostro esempio iniziale e girando sulla sua testa un po ', si ottiene:

direction = (this.dragHandle.hasClass("handle-low")) ? "left" : "right"; 

Sede. Ora quello che ho fatto è che ho preso qualcosa che avrebbe richiesto un if/else o un interruttore, che sarebbe stato usato per assegnare a quel valore, e l'ho pulito bene.

Si può anche fare un altro, se il tipo di ternario:

y = (x === 2) ? 1 : (x === 3) ? 2 : (x === 4) ? 7 : 1000; 

È inoltre possibile utilizzarlo per sparare codice, se vuoi, ma diventa davvero difficile dopo un po ', di sapere cosa sta andare dove (si veda l'esempio precedente per vedere come anche assegnazione può iniziare a guardare strano a colpo d'occhio) ...

((this.dragHandle.hasClass("...")) ? fireMe(something) : noMe(somethingElse)); 

... questo sarà tipicamente funzionerà.

Ma in realtà non è più carino o più utile di una funzione di if o branching, che richiama immediatamente (e programmatori non JS, o programmatori JS non addestrati stanno per schifarsi cercando di mantenere il proprio codice).

Answer 6

L'operatore condizionale è non una stenografia per l'istruzione if. È un operatore, non una dichiarazione.

Se lo si utilizza, è necessario utilizzarlo come operatore, non come istruzione.

Basta usare un valore pari a zero per il terzo operando:

slideOffset += direction == "right" ? $(".range-slide").width() : 0; 

Answer 7

ho avuto un caso simile in cui ho voluto chiamare solo la parte if. Ottenuto utilizzando l'operatore logico & & (e).

var name = "michael"; 

var doSomething = function() { 
    return (name === "michael") && console.log("name is valid"); 
}; 

doSomething(); // will log name is valid else returns undefined but is disposed of since we never store it.