Cevap.

Soru Tarihçesi:

in operatörü JavaScript'ten TypeScript'e miras alınmış olup, bir nesnede bir özelliğin varlığını kontrol etmek için geniş bir şekilde kullanılır. TypeScript'te, tür sistemi nedeniyle anlamı ek bir değer kazanır — burada yalnızca bir değerin varlığı değil, aynı zamanda tür seviyesinde ilan edilmesi de önemlidir, özellikle opsiyonel özelliklerle ilgili durumlarda.

Sorun:

Geliştiriciler genellikle TypeScript'te undefined kontrolünü, nesnedeki özelliğin varlığını kontrol etmekle karıştırmaktadır. Bir özellik mevcut olsa bile, ancak değeri undefined ise, veya miras alınmış fakat nesne üzerinde doğrudan tanımlanmamış bir durumda hata ortaya çıkabilir.

Çözüm:

in operatörü, gerçekten de özelliğin nesnenin prototip zincirinde var olup olmadığını kontrol eder, değerine bakmaksızın. Bu, opsiyonel veya hesaplanan özellikleri kontrol ederken önemli bir rol oynar ve beklenmeyen falsy değerlerin işlenmesini önler:

Kod Örneği:

interface User {
  id: number;
  name?: string;
}

const user1: User = { id: 1 };
const user2: User = { id: 2, name: undefined };

console.log('name' in user1); // false
console.log('name' in user2); // true

Temel Özellikler:

in operatörü, nesnede veya onun prototipinde bir özelliğin varlığını tanımlar, yalnızca bir değerin varlığını değil
Özelliğin değerine bağlı değildir (undefined, null veya hatta false olabilir)
Özellikle opsiyonel özellikler ve ayrımcı türler ile çalışırken faydalıdır.

Kurnaz Sorular.

undefined (obj.prop !== undefined) kontrolü ile in kullanımı arasındaki fark nedir?

Undefined kontrolü yalnızca bir değer belirler, ancak bir özelliğin varlığını tanımlamaz. Eğer bir özellik mevcutsa ama undefined ise, sonuç true olacaktır. Eğer özellik yoksa, değeri de undefined olacak ama anlamsal olarak bu farklı durumlar.

Örnek:

const obj: any = { foo: undefined };
console.log('foo' in obj); // true
console.log(obj.foo !== undefined); // false
console.log('bar' in obj); // false
console.log(obj.bar !== undefined); // false

in operatörü yalnızca nesne üzerinde özelliğin varlığını kontrol edebilir mi, prototip zincirini göz ardı ederek?

Hayır, standart in hem prototipleri kontrol eder. Sadece kendi özelliklerinizi kontrol etmek için hasOwnProperty metodunu kullanın:

const obj = Object.create({ foo: 123 });
obj.bar = 456;
console.log('foo' in obj); // true
console.log(obj.hasOwnProperty('foo')); // false

in operatörü ile TypeScript'te bir union tür için type narrowing yapılabilir mi?

Evet, TypeScript'te in, Ayrımcı Birleşiklik (Discriminated Union) ile benzerdir ve türü belirli bir seçeneğe daraltmanıza olanak tanır:

type Shape = { kind: 'circle'; radius: number } | { kind: 'square'; size: number };
function getArea(shape: Shape) {
  if ('radius' in shape) {
    // Burada shape bir dairedir
    return Math.PI * shape.radius ** 2;
  }
  // Burada shape bir kare
  return shape.size ** 2;
}

Tipik Hatalar ve Anti-Desenler

undefined kontrolü ile in kontrolünü karıştırmak
Dizi için in kullanmak (dizilerde sayısal indeksler ve miras alınan özellikler için true döner)
Nesne dışında değerler için in kullanmaya çalışmak (örneğin, null veya undefined)

Hayatın Gerçeklerinden Bir Örnek

Negatif Vaka

Bir kullanıcılar dizisinde, opsiyonel alanı kontrol etmek için user.name !== undefined kullanıldı, bu da değeri açıkça undefined olarak atanmış kullanıcılar için yanlış bir mantığa yol açtı.

Artılar:

Hızlı ve basit bir uygulama

Eksiler:

Undefined alanı mevcutken hatalar
Veri yapısındaki değişikliklerde sorunlar

Pozitif Vaka

Kullanıcıların opsiyonel alanının varlığını doğru bir şekilde kontrol etmek için in kullanıldı, bu da "alan yok" ile "alan var ama değer belirtilmemiş" arasında doğru bir ayrım yapmamızı sağladı.