Verwendung von && und || außerhalb von if-Klauseln in JavaScript
Die Operatoren && und || haben Sie vielleicht schon verwendet, wenn Sie eine Bedingung in einer if-Klausel schreiben. Aber wussten Sie, dass sie in JavaScript zu Ausdruckswerten wie Zeichenketten und Zahlen ausgewertet werden, anstatt zu den booleschen Werten true und false?
So können Sie die Operatoren && und || in Ausdrücken außerhalb des if-Klausel verwenden. Es bietet kurze Wege, um einen vorzeitigen Abbruch mit && und einen Standardwert mit || auszudrücken.
If-Klausel operiert mit wahrheitsgemäßen und falschen Werten
Die Tatsache, dass && und || Operatoren zu Strings und Zahlen evaluieren, bricht die if-Klausel nicht, da Bedingungen in JavaScript anders evaluiert werden.
Anstatt dass die if-Klausel ihren nächsten Schritt auf der Grundlage der Bedingung true oder false entscheidet, entscheidet sie auf der Grundlage, ob die Bedingung wahr oder falsch ist.
Die Definition lautet
Ein Wert ist falsch, wenn er
false,null,undefined,'',0oderNaNist. Ein wahrer Wert ist jeder Wert, der nicht als falsch angesehen wird.
Lassen Sie uns diese Informationen in die Praxis umsetzen.
Verwenden Sie &&, um sich vor undefinierten
Eine häufige Situation ist der Zugriff auf verschachtelte Objekteigenschaften unter Verwendung der Punktnotation. Zum Beispiel request.session.id. In diesem Fall, wenn ein Objekt auf dem Weg undefined ist, wird ein „Uncaught TypeError: Cannot read property of undefined“-Fehler ausgelöst.
Der Fehler kann durch Verwendung von && zum Schutz vor undefinierten Objekten vermieden werden.
1
const sessionId = request.session && request.session.id;Hier wird der Ausdruck sicher zu undefined ausgewertet, ohne einen Fehler auszulösen.
Die Definition für && ist
Der
&&-Operator wertet zu einem Ausdruck auf der linken Seite aus, wenn er fehlerhaft ist, ansonsten zu einem Ausdruck auf der rechten Seite.
Verwenden Sie ||, um einen Standardwert bereitzustellen
Ein anderer häufiger Anwendungsfall ist es, einen Wert abzurufen, und wenn er nicht existiert, dann einen Standardwert zu verwenden.
Dies kann mit dem ||-Operator erreicht werden.
1
const name = user.name || 'Guest';Die Definition für || lautet
Der
||-Operator wertet den Ausdruck auf der linken Seite aus, wenn er wahr ist, andernfalls den Ausdruck auf der rechten Seite.
Lesbarkeit
Diese beiden neuen Werkzeuge sind nette Ergänzungen für Ihren Werkzeugkasten. Aber wie immer steht die Lesbarkeit an erster Stelle. Setzen Sie sie mit Bedacht ein, wo sie am besten passen. Vergewissern Sie sich, dass jeder in Ihrem Team weiß, wie man sie benutzt, indem Sie zum Beispiel diesen Artikel an sie weitergeben.