JavaScript – Das Handbuch für die Praxis. David Flanagan
Die Operanden des Bedingungsoperators können beliebigen Typs sein. Der erste Operand wird ausgewertet und als boolescher Wert interpretiert. Ist der erste Operand ein nicht-strikt wahrer Wert, wird der zweite Operand ausgewertet, und dessen Wert wird zurückgeliefert. Ist der erste Operand hingegen ein nicht-strikt (»irgendwie«) falscher Wert, wird der dritte Operand ausgewertet, und dessen Wert wird zurückgeliefert. Es wird immer entweder der erste oder der zweite Operand ausgewertet.
Obgleich man mit der if-Anweisung (siehe 5.3.1) Ähnliches erreichen kann, erweist sich der ?:-Operator häufig als praktische Kurzform. Das folgende Beispiel zeigt eine typische Verwendung. Dabei wird geprüft, ob eine Variable definiert ist und einen sinnvollen, wahren Wert hat. Ist das der Fall, wird dieser Wert verwendet, andernfalls wird auf einen Vorgabewert ausgewichen:
greeting = "hello " + (username ? username : "there");
Das ist zur folgenden if-Anweisung äquivalent, aber erheblich kompakter:
greeting = "hello ";
if (username) {
greeting += username;
} else {
greeting += "there";
}
4.13.2?? – der Erstdefiniert-Operator
Der Operator ?? wird zu seinem ersten definierten Operanden ausgewertet: Wenn sein linker Operand nicht null und nicht undefined ist, wird dieser Wert zurückgeliefert. Andernfalls gibt er den Wert des rechten Operanden zurück. Wie die Operatoren && und || ist auch ?? ein »kurzschließender« Operator: Er wertet seinen zweiten Operanden nur dann aus, wenn der erste Operand null oder undefined ergibt. Wenn der Ausdruck a keine Seiteneffekte hat, ist der Ausdruck a ?? b äquivalent zu:
(a !== null && a !== undefined) ? a : b
?? ist eine nützliche Alternative zu || (siehe 4.10.2), wenn Sie den ersten definierten Operanden und nicht den ersten »irgendwie wahren« Operanden auswählen möchten. Obwohl || nominell ein logischer ODER-Operator ist, wird er in JavaScript auch gern verwendet, um den ersten »irgendwie falschen« Operanden auszuwählen, beispielsweise so:
// Wenn maxWidth truthy ist, nimm diesen Wert, andernfalls einen Wert
// im Objekt preferences. Ist das nicht truthy, nimm die angegebene Konstante.
let max = maxWidth || preferences.maxWidth || 500;
Das Problem bei dieser Verwendung ist, dass null (0), die leere Zeichenkette und false allesamt nicht-strikt falsche Werte sind, die unter bestimmten Umständen durchaus valide sein können. Wenn in diesem Codebeispiel maxWidth gleich null (0) ist, wird dieser Wert ignoriert. Aber wenn wir den ||-Operator durch ?? ersetzen, erhalten wir einen Ausdruck, in dem 0 ein gültiger Wert ist:
// Wenn maxWidth definiert ist, nimm diesen Wert, andernfalls einen Wert
// im Objekt preferences. Wenn es auch den nicht gibt, greife auf die Konstante
// zurück.
let max = maxWidth ?? preferences.maxWidth ?? 500;
Hier sind weitere Beispiele, die zeigen, wie ?? funktioniert, wenn der erste Operand nicht-strikt falsch ist. Ist er zwar falsy, aber definiert, gibt ?? diesen ersten Operanden zurück. Nur wenn er »nullish« ist (also »nullartig«: null oder undefiniert), wertet dieser Operator den zweiten Operanden aus und gibt diesen zurück:
let options = { timeout: 0, title: "", verbose: false, n: null };
options.timeout ?? 1000 // => 0: wie im Objekt definiert.
options.title ?? "Untitled" // => "": wie im Objekt definiert.
options.verbose ?? true // => false: wie im Objekt definiert.
options.quiet ?? false // => false: Eigenschaft ist nicht definiert.
options.n ?? 10 // => 10: Eigenschaft ist null.
Beachten Sie bitte, dass die Ausdrücke timeout, title und verbose hier unterschiedliche Werte hätten, wenn wir || anstelle von ?? verwendeten.
Der ??-Operator ähnelt den Operatoren && und ||, hat aber weder höheren noch niedrigeren Vorrang als diese. Wenn Sie ihn in einem Ausdruck zusammen mit einem dieser Operatoren einsetzen, müssen Sie explizite Klammern verwenden, um die Ausführungsreihenfolge festzulegen:
(a ?? b) || c // ?? zuerst, dann ||
a ?? (b || c) // || zuerst, dann ??
a ?? b || c // SyntaxError: Hier sind Klammern erforderlich.
Der ??-Operator wurde mit ES2020 eingeführt und wird Ende 2020 von allen gängigen Desktopbrowsern unterstützt (bei Browsern für Mobilgeräte bestehen noch kleine Lücken). Dieser Operator wird formal als »Nullish-Coalescing«-Operator bezeichnet (wörtlich im Deutschen etwa »nullartiger Zusammenführungsoperator«). Ich vermeide den Begriff aber, weil dieser Operator zwar einen seiner Operanden auswählt, sie aber in keiner für mich erkennbaren Weise »zusammenführt«. Deshalb bezeichne ich ihn lieber als Erstdefiniert-Operator (First-defined Operator), weil er den ersten definierten Operanden auswählt.
4.13.3Der typeof-Operator
typeof ist ein unärer Operator, der einem Operanden beliebigen Typs vorangestellt wird. Sein Ergebniswert ist ein String, der den Typ des Operanden angibt. Tabelle 4-3 zeigt den Wert des typeof-Operators für alle JavaScript-Typen.
Tabelle 4-3: Werte, die vom typeof-Operator zurückgegeben werden
| x | typeof x |
| undefined | "undefined" |
| null | "object" |
| true oder false | "boolean" |
| eine Zahl oder NaN | "number" |
| ein BigInt | "bigint" |
| ein String | "string" |
| ein Symbol | "symbol" |
| eine Funktion | "function" |
| ein Objekt, das keine Funktion ist | "object" |
Sie könnten den typeof-Operator in einem Ausdruck wie diesem nutzen:
// Wenn der Wert eine Zeichenkette ist, wird sie in Anführungszeichen gesetzt,
// andernfalls umgewandelt.
(typeof value === "string") ? "'" + value + "'" : value.toString()
Beachten Sie, dass typeof »object« liefert, wenn der Wert des Operanden null ist. Wenn Sie null von Objekten unterscheiden wollen, müssen Sie explizit auf diesen Sonderfall testen.
Obwohl JavaScript-Funktionen so etwas wie Objekte sind, betrachtet der typeof-Operator Funktionen als ausreichend anders – deshalb gibt es für sie einen eigenen Rückgabewert.
Weil typeof für alle Objekt- und Array-Werte außer Funktionen zu »object« ausgewertet wird, ist der Operator