Javascript'te İsteğe Bağlı Zincirleme

İsteğe bağlı zincirleme, birçok programlama dilinde bir süredir mevcut olsa da, kısa süre önce ES2020'nin piyasaya sürülmesiyle Javascript'te kullanıma sunuldu. MDN Web Docs, isteğe bağlı zincirlemeyi "bir referansın veya işlevin tanımsız veya boş olabileceği durumlarda bağlı nesneler aracılığıyla değerlere erişimi basitleştirmenin bir yolu" olarak açıklar. İsteğe bağlı zincirleme, özellik mevcut değilse bir hata atmadan derinlemesine yuvalanmış nesne özelliklerine erişmenize olanak tanıyan çok değerli bir araçtır. Mülk ya mevcuttur ve erişilebilirdir ya da yoktur ve bunun yerine tanımsız döndürülür. Javascript isteğe bağlı zincirlemeye sahip olmadan önce, && operatörünün, özelliklerine erişmeden önce bir nesnenin tanımsız veya boş olup olmadığını kontrol etmesi gerekiyordu.

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]

İsteğe bağlı zincirleme, nesnenin tanımlı olup olmadığından emin olmadığımızda hataları önlemenin ve özelliklere erişmenin temiz, dinamik ve okunabilir bir yoludur.

Kaynaklar:

• 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