Optionale Verkettung in Javascript

Obwohl es in vielen Programmiersprachen schon seit einiger Zeit eine optionale Verkettung gibt, wurde sie erst kürzlich mit der Veröffentlichung von ES2020 in Javascript verfügbar. MDN Web Docs beschreibt die optionale Verkettung als "eine Möglichkeit, den Zugriff auf Werte über verbundene Objekte zu vereinfachen, wenn es möglich ist, dass eine Referenz oder Funktion undefiniert oder null ist." Die optionale Verkettung ist ein äußerst wertvolles Tool, mit dem Sie auf tief verschachtelte Objekteigenschaften zugreifen können, ohne einen Fehler auszulösen, wenn die Eigenschaft nicht vorhanden ist. Entweder existiert die Eigenschaft und es kann auf sie zugegriffen werden, oder sie existiert nicht und undefiniert wird stattdessen zurückgegeben. Bevor Javascript optional verkettet werden konnte, musste der Operator && prüfen, ob ein Objekt undefiniert oder null war, bevor er auf seine Eigenschaften zugreifen konnte.

const street = restaurant && restaurant.address && restaurant.address.street

const street = restaurant?.address?.street

const street = restaurant.address.street
Uncaught TypeError: Cannot read property 'street' of undefined

const tableCount = restaurant.getTableCount && restaurant.getTableCount()
const tableCount = restaurant.getTableCount?.()

const firstRestaurant = array && array[0]
const firstRestaurant = array?.[0]

Die optionale Verkettung ist eine saubere, dynamische und lesbare Methode, um Fehler und Zugriffseigenschaften zu vermeiden, wenn wir nicht sicher sind, ob das Objekt definiert ist.

Quellen:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
• https://dmitripavlutin.com/javascript-optional-chaining/
• https://www.youtube.com/watch?v=v2tJ3nzXh8I&t=0s