Opcjonalne tworzenie łańcuchów w JavaScript

Chociaż opcjonalne łączenie łańcuchowe było dostępne od jakiegoś czasu w wielu językach programowania, niedawno stało się dostępne w Javascript wraz z wydaniem ES2020. MDN Web Docs opisuje opcjonalne tworzenie łańcuchów jako „sposób na uproszczenie dostępu do wartości przez połączone obiekty, gdy istnieje możliwość, że odwołanie lub funkcja może być niezdefiniowana lub zerowa”. Opcjonalne łączenie łańcuchowe to bardzo cenne narzędzie, które umożliwia dostęp do głęboko zagnieżdżonych właściwości obiektu bez zgłaszania błędu, jeśli właściwość nie istnieje. Albo właściwość istnieje i można uzyskać do niej dostęp, albo nie istnieje i zamiast tego zostanie zwrócona wartość undefined. Zanim JavaScript miał opcjonalne tworzenie łańcuchów, operator && był wymagany do sprawdzenia, czy obiekt nie jest zdefiniowany lub zerowy przed uzyskaniem dostępu do jego właściwości.

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]

Opcjonalne tworzenie łańcuchów to czysty, dynamiczny i czytelny sposób zapobiegania błędom i uzyskiwania dostępu do właściwości, gdy nie mamy pewności, czy obiekt jest zdefiniowany.

Źródła:

• 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