Einführung in bedingte Zugriffsattribute und Pfeilfunktionen in JavaScript

1. Bedingte Zugriffsattribute

?. ist eine neue Funktion, die in ES2020 eingeführt wurde. Es handelt sich um einen Operator für bedingten Eigenschaftszugriff. Wenn Sie auf einen Eigenschaftswert einer undefined Variable zugreifen und den Operator . verwenden, wird direkt ein Fehler gemeldet. Wenn Sie den Operator für bedingten Eigenschaftszugriff verwenden, um darauf zuzugreifen, wird undefined zurückgegeben.

Siehe das Beispiel:

lass Buch = {Preis:10,
            Auflage:10,
            Name: "Javascript"
}

console.log(Buch.Seite.Nummer)

Direkte Fehlermeldung:

TypeError: Eigenschaft „num“ von undefined kann nicht gelesen werden

Da der Wert von book.page undefined undefined keinen Attributwert hat, wird ein Fehler gemeldet.

Wenn Sie nicht sicher sind, ob ein Wert undefined oder ein Objekt ist, können Sie neben der if-Anweisung zur Beurteilung auch direkt den bedingten Zugriffsoperator verwenden, um auf eine Eigenschaft zuzugreifen. Auch wenn das Objekt, auf das zugegriffen wird, undefined ist, wird kein Fehler gemeldet. Stattdessen wird undefined zurückgegeben.

console.log(Buch.Seite?.Nummer)

Ausgabe:

undefiniert

2. Einführung in Pfeilfunktionen

Die Pfeilfunktion ist eine Kurzmethode zum Definieren von Funktionen, die in ES6 erschien, wobei => verwendet wird, um die Parameterliste und den Funktionskörper zu trennen.

Beispiel:

sei Quadrat = x=>x**2;

konsole.log(quadrat(3))

Ausgabe:

9

Die Definition dieser Funktion entspricht der traditionellen Funktion:

Funktion Quadrat(x){
    return x**2
}

Pfeilfunktionen werden häufig verwendet, um eine unbenannte Funktion als Parameter an eine andere Funktion zu übergeben.

sei Nums = [1,2,3,4].map(x=>x*2)

console.log(Zahlen)

Ausgabe:

[ 2, 4, 6, 8 ]

Pfeilfunktionen lassen den Code prägnanter aussehen.

Wenn Sie zum Definieren einer Funktion das herkömmliche function verwenden, wirkt diese etwas ausführlicher.

Nums = [1,2,3,4].map(Funktion(x){return x*2})

console.log(Zahlen)

Wenn eine Pfeilfunktion mehrere Parameter hat, müssen diese in Klammern eingeschlossen werden.

Konstante Addition = (x,y)=>x+y;

konsole.log(hinzufügen(1,2))

Wenn der Hauptteil einer Pfeilfunktion mehrere Anweisungen enthält, schließen Sie den Hauptteil in geschweifte Klammern ein und verwenden Sie das Schlüsselwort return, um den Wert zurückzugeben.

const add = (x,y)=>{let tmp=x+y;return tmp};

konsole.log(hinzufügen(1,2))

Zu diesem Zeitpunkt entspricht der Funktionskörper der Pfeilfunktion genau dem Funktionskörperformat der normalen function . Daher sind Pfeilfunktionen in einfachen einzeiligen Anweisungen prägnant und lesbar. Wenn der Funktionskörper zu komplex ist, ist er mit Pfeilfunktionen zur Definition nicht mehr so ​​gut lesbar.

Dies ist das Ende dieses Artikels über den bedingten Zugriff auf Eigenschaften und Pfeilfunktionen in JavaScript. Weitere relevante Informationen zum bedingten Zugriff auf Eigenschaften und Pfeilfunktionen in JavaScript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!