Concatenamento opzionale in Javascript

Sebbene il concatenamento opzionale sia in circolazione da un po' di tempo in molti linguaggi di programmazione, solo di recente è diventato disponibile in Javascript con il rilascio di ES2020. MDN Web Docs descrive il concatenamento opzionale come "un modo per semplificare l'accesso ai valori tramite oggetti connessi quando è possibile che un riferimento o una funzione possa essere indefinito o nullo". Il concatenamento opzionale è uno strumento estremamente prezioso che ti consente di accedere alle proprietà degli oggetti profondamente nidificate senza generare un errore se la proprietà non esiste. O la proprietà esiste ed è possibile accedervi oppure non esiste e verrà invece restituito undefined. Prima che Javascript avesse il concatenamento opzionale, l'operatore && doveva controllare se un oggetto era indefinito o nullo prima di accedere alle sue proprietà.

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]

Il concatenamento opzionale è un modo pulito, dinamico e leggibile per prevenire errori e accedere alle proprietà quando non siamo sicuri che l'oggetto sia definito.

Fonti:

• 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