Menu
Coddy logo textTech

JSON Optional Chaining

Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 24 / 65.

İsteğe bağlı zincirleme (?.), bir özelliğin null veya undefined olması durumunda hatalar hakkında endişelenmeden iç içe geçmiş özelliklere güvenli bir şekilde erişmenizi sağlar.

Optional Chaining Olmadan Örnek:

let obj = {};
console.log(obj.key1.key2);
// Hata: undefined özelliklerini okuyamıyor

Optional Chaining ile Örnek:

let obj = {};
console.log(obj.key1?.key2);
// undefined (hata yok)
  • Eğer key1 varsa, key2 öğesine erişir.
  • Eğer key1, null veya undefined ise, hata fırlatmak yerine undefined döndürür.

Daha fazla örnek:

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);
// "Alice"
console.log(user.profile?.age);
// undefined (hata yok)
console.log(user.address?.city);
// undefined (hata yok)
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Kopya kağıdı

İsteğe bağlı zincirleme (?.), bir özellik null veya undefined ise hata almadan iç içe geçmiş özelliklere güvenli bir şekilde erişir:

let obj = {};
console.log(obj.key1?.key2);
// undefined (hata yok)

Eğer özellik mevcutsa, bir sonraki seviyeye erişir. Eğer null veya undefined ise, hata fırlatmak yerine undefined döndürür.

let user = {
	profile: {
		name: "Alice"
	}
};

console.log(user.profile?.name);    // "Alice"
console.log(user.profile?.age);     // undefined
console.log(user.address?.city);    // undefined

Kendin dene

Bu ders bir kod alıştırması içermiyor.

quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Mantık ve Akış bölümündeki tüm dersler