Rantai Opsional dalam Javascript

Meskipun rangkaian opsional telah ada untuk sementara waktu di banyak bahasa pemrograman, baru-baru ini telah tersedia dalam Javascript dengan rilis ES2020. MDN Web Docs mendeskripsikan rangkaian opsional sebagai "cara untuk menyederhanakan pengaksesan nilai melalui objek yang terhubung ketika ada kemungkinan referensi atau fungsi tidak ditentukan atau nol." Rangkaian opsional adalah alat yang sangat berharga yang memungkinkan Anda mengakses properti objek yang sangat bertingkat tanpa menimbulkan kesalahan jika properti tersebut tidak ada. Entah properti tersebut ada dan dapat diakses atau tidak ada dan sebagai gantinya akan dikembalikan. Sebelum Javascript memiliki rangkaian opsional, operator && diminta untuk memeriksa apakah sebuah objek tidak terdefinisi atau null sebelum mengakses propertinya.

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]

Rangkaian opsional adalah cara yang bersih, dinamis, dan dapat dibaca untuk mencegah kesalahan dan mengakses properti saat kita tidak yakin apakah objeknya ditentukan.

Sumber:

• 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