Необязательная цепочка в Javascript

Хотя необязательная цепочка существует уже некоторое время во многих языках программирования, она только недавно стала доступна в Javascript с выпуском ES2020. MDN Web Docs описывает необязательную цепочку как «способ упростить доступ к значениям через подключенные объекты, когда возможно, что ссылка или функция могут быть неопределенными или нулевыми». Необязательная цепочка - это очень ценный инструмент, который позволяет вам получить доступ к глубоко вложенным свойствам объекта, не вызывая ошибки, если свойство не существует. Либо свойство существует и к нему можно получить доступ, либо оно не существует, и вместо него будет возвращено значение undefined. До того, как в Javascript появилась необязательная цепочка, оператор && должен был проверять, является ли объект неопределенным или нулевым, прежде чем обращаться к его свойствам.

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]

Необязательная цепочка - это чистый, динамический и читаемый способ предотвращения ошибок и доступа к свойствам, когда мы не уверены, определен ли объект.

Источники:

• 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