Was ist der beste Weg in ES6, eine Konstante bedingt zuzuweisen?

Question

Ich möchte meinem const validation einen Wert basierend auf einer Bedingung zuweisen.

Wenn this.showRequired() == true Dann sollte es 'required'

Else, wenn this.showError() == true Dann sollte es 'error' sein.

Ich weiß natürlich, dass ich es zu einer Funktion extrahieren könnte, oder Kaskade ternäre Operatoren, aber der erste scheint Code Bloat, der letztere hässlich.

Gibt es einen besseren Weg, es zu tun? Wenn-noch-Ausdrücke vielleicht?

Answer 1

ternäre Operator Cascading sieht gut für mich:

const validation = this.showRequired() ? 'required' : this.showError() ? 'error' : null 

Wenn Sie diese Linie denken, zu lang ist, man könnte es aufgeteilt:

const validation = this.showRequired() ? 'required' 
        : this.showError() ? 'error' 
        : null 

Oder könnten Sie && und || statt:

const validation = (this.showRequired() && 'required') || 
        (this.showError() && 'error') 

Wie zum Ausziehen dieses Codes in einem sepa Rate-Funktion, können Sie immer eine Inline-Funktion anstelle von noch Methode eine andere Klasse zu schaffen verwenden:

const validation = (() => { 
    if (this.showRequired()) { 
    return 'required' 
    } else if (this.showError()) { 
    return 'error' 
    } 
})() 

Aber ternäre Operator trotzdem sieht besser aus, vor allem, wenn sie in mehrere Zeilen aufgeteilt wird.