Menu
Coddy logo textTech

Kesişim Tipleri ('&')

Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 34 / 73.

Birleşim türleri birden fazla türden biri olabilen değişkenler oluşturmanıza olanak tanırken, kesişim türleri tam tersi yönde çalışır. Birden fazla türü, birleştirilen türlerin tüm özelliklerine sahip olan tek bir türde birleştirirler.

Kesişim türleri, türleri birleştirmek için ampersand (&) operatörünü kullanır. İki nesne türünü kesiştirdiğinizde, sonuç her iki türden de tüm özellikleri içerir:

type HasName = { name: string };
type HasAge = { age: number };

type Person = HasName & HasAge;

// Person artık hem name HEM DE age özelliklerine sahiptir
let user: Person = {
  name: "Alice",
  age: 30
};

Bu, daha küçük, yeniden kullanılabilir parçalardan karmaşık türler oluşturmak istediğinizde özellikle yararlıdır. Tek bir büyük nesne türü tanımlamak yerine, belirli konulara odaklanmış türler oluşturabilir ve ardından bunları gerektiği gibi birleştirebilirsiniz.

Kesişim türleri (intersection types), ortaya çıkan türün kesişen türlerin tüm gereksinimlerini karşılamasını sağlar. Değişken, kesişimdeki her türün her özelliğine sahip olmalıdır; birleşimlerde (unions) olduğu gibi seçmece yapma durumu yoktur.

challenge icon

Görev

Kolay

İki tür takma adı (type alias) oluşturun: string türünde bir name özelliğine sahip bir nesne için HasName ve number türünde bir age özelliğine sahip bir nesne için HasAge.

& operatörünü kullanarak HasName ve HasAge türlerini kesiştirerek Person adında üçüncü bir tür takma adı oluşturun.

string türünde bir email özelliğine sahip bir nesne için HasEmail adında başka bir tür takma adı oluşturun.

Üç türün tamamını (HasName, HasAge ve HasEmail) kesiştirerek Employee adında dördüncü bir tür takma adı oluşturun.

Şimdi aşağıdaki değişkenleri oluşturun:

  • Adı "Alice" ve yaşı 25 olan Person türünde user adında bir değişken oluşturun
  • Adı "Bob", yaşı 30 ve e-postası "bob@company.com" olan Employee türünde worker adında bir değişken oluşturun

Person türünde bir parametre kabul eden ve "Name: [name], Age: [age]" formatında bir dize döndüren displayPerson adında bir fonksiyon oluşturun.

Employee türünde bir parametre kabul eden ve "Name: [name], Age: [age], Email: [email]" formatında bir dize döndüren displayEmployee adında başka bir fonksiyon oluşturun.

Her iki fonksiyonu da uygun değişkenlerle çağırın ve sonuçları ayrı satırlara yazdırın.

Kendin dene

// YAPILACAK: Kodunuzu buraya yazın
// HasName, HasAge, HasEmail için tür takma adları oluşturun
// Kesişim (intersection) kullanarak Person ve Employee türlerini oluşturun
// user ve worker değişkenlerini oluşturun
// displayPerson ve displayEmployee fonksiyonlarını oluşturun
// Fonksiyonları çağırın ve sonuçları yazdırın
quiz iconKendini test et

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

TypeScript'e Giriş bölümündeki tüm dersler