Null bedingte Operatoren

Question

C# 6.0 wurde gerade veröffentlicht und hat ein neues nettes kleines Feature, das ich wirklich gerne in JavaScript verwenden würde. Sie heißen Null-conditional operators. Diese verwenden eine ?. oder ?[] Syntax.

Mit diesen Funktionen können Sie im Wesentlichen überprüfen, ob das Objekt, das Sie haben, nicht null ist, bevor Sie versuchen, auf eine Eigenschaft zuzugreifen. Wenn das Objekt null ist, erhalten Sie stattdessen null als Ergebnis Ihres Eigentumszugriffs.

int? length = customers?.Length; 

Also hier int kann null sein, und wird diesen Wert nehmen, wenn customers null ist. Was ist noch besser ist, dass man diese Kette:

int? length = customers?.orders?.Length; 

Ich glaube nicht, dass wir dies in JavaScript tun, aber ich frage mich, was ist der sauberste Weg, um etwas ähnliches zu tun. Im Allgemeinen finde ich if Blöcke schwer zu lesen Verkettungs:

var length = null; 
if(customers && customers.orders) { 
    length = customers.orders.length; 
} 

Answer 1

Als "optionale Verkettung" bezeichnet, ist es derzeit ein TC39-Vorschlag in Stage 1. A Babel plugin ist jedoch bereits in v7 verfügbar.

Beispiel Nutzung:

const obj = { 
    foo: { 
    bar: { 
     baz: 42, 
    }, 
    }, 
}; 

const baz = obj?.foo?.bar?.baz; // 42 

const safe = obj?.qux?.baz; // undefined 

Answer 2

Js logische Operatoren geben nicht true oder false, aber truly oder falsy Wert selbst. Zum Beispiel in Ausdruck x && y, wenn x ist falsch, dann wird es zurückgegeben, sonst y wird zurückgegeben. Die Wahrheitstabelle für den Operator ist also korrekt.

In Ihrem Fall könnten Sie Ausdruck customers && customers.orders && customers.orders.Length verwenden, um length Wert oder die erste falsy eins zu erhalten.

Sie können auch etwas Magie wie ((customers || {}).orders || {}).length tun (Ich persönlich nicht Syntax mögen und möglich Garbage Collection Druck als auch)

Oder sogar maybe Monade verwenden.

function Option(value) { 
    this.value = value; 
    this.hasValue = !!value; 
} 

Option.prototype.map = function(s) { 
    return this.hasValue 
     ? new Option(this.value[s]) 
     : this; 
} 

Option.prototype.valueOrNull = function() { 
    return this.hasValue ? this.value : null; 
} 

var length = 
    new Option(customers) 
     .map("orders") 
     .map("length") 
     .valueOrNull(); 

Es ist länger als alle bisherigen Ansätze, aber zeigt deutlich Ihre Absichten ohne Magie hinter sich.