- 31 Mar 2023
- 79
- 38
JavaScript Optional Chaining
JavaScript Optional Chaining, bir nesnenin veya dizinin özelliklerine erişirken, özelliğin var olup olmadığını kontrol etmek için kullanılan bir yapıdır.
Bu yapı sayesinde özellik erişimi esnasında hata almak yerine, null veya undefined değer döndürür.
Optional Chaining,
Yukarıda gördüğünüz gibi Optional Chaining kullanıldığından dolayı domato nesnesi var olmamasına rağmen name değişkeni undefined değerini döndürdü. Optional Chaining kullanılmadığı taktirde TypeError hatası alırız.
JavaScript Optional Chaining, bir nesnenin veya dizinin özelliklerine erişirken, özelliğin var olup olmadığını kontrol etmek için kullanılan bir yapıdır.
Bu yapı sayesinde özellik erişimi esnasında hata almak yerine, null veya undefined değer döndürür.
Optional Chaining,
?.
, ve []?
işleçlerini kullanarak özelliklerin var olup olmadığını kontrol eder. Özellik varsa, işlem normal şekilde devam eder, yoksa null veya undefined değer döndürür.
JavaScript:
const product = {
id: "1",
property: {
name: "New York",
price: "123"
}
};
const productId = product?.id;
console.log(productId); // "1"
const productName = product?.property?.name;
console.log(productName); // New York
const productPrice = product.property.id;
console.log(productPrice); //undefined
Yukarıda gördüğünüz gibi Optional Chaining kullanıldığından dolayı domato nesnesi var olmamasına rağmen name değişkeni undefined değerini döndürdü. Optional Chaining kullanılmadığı taktirde TypeError hatası alırız.
Son düzenleme: