Chaînage facultatif en Javascript

Bien que le chaînage facultatif existe depuis un certain temps dans de nombreux langages de programmation, il est récemment devenu disponible en Javascript avec la sortie d'ES2020. MDN Web Docs décrit le chaînage facultatif comme «un moyen de simplifier l'accès aux valeurs via des objets connectés lorsqu'il est possible qu'une référence ou une fonction soit indéfinie ou nulle». Le chaînage facultatif est un outil extrêmement précieux qui vous permet d'accéder aux propriétés d'objet profondément imbriquées sans générer d'erreur si la propriété n'existe pas. Soit la propriété existe et est accessible, soit elle n'existe pas et undefined sera renvoyé à la place. Avant que Javascript n'ait le chaînage facultatif, l'opérateur && était nécessaire pour vérifier si un objet était indéfini ou nul avant d'accéder à ses propriétés.

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]

Le chaînage facultatif est un moyen propre, dynamique et lisible d'éviter les erreurs et d'accéder aux propriétés lorsque nous ne savons pas si l'objet est défini.

Sources:

• 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