Generic Interface'ler

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

Genel işlevler oluşturabildiğiniz gibi genel arayüzler de oluşturabilirsiniz. Bu, belirli özellik türlerini esnek ve yeniden kullanılabilir tutarken bir nesnenin yapısını tanımlamanıza olanak tanır.

Aynı tür parametresi söz dizimini kullanarak genel bir arayüzü şu şekilde oluşturabilirsiniz:

interface Container {
  value: T;
  isEmpty: boolean;
}

Arayüz adından sonra gelen <T>, arayüz tanımı boyunca kullanılabilecek bir tür parametresi oluşturur. Bu örnekte, value özelliği arayüzü kullanırken belirttiğiniz türde olurken isEmpty sabit bir boolean türü olarak kalır.

Jenerik bir arayüz kullandığınızda, somut türü açılı parantezler içinde belirtirsiniz:

const stringContainer: Container = {
  value: "hello",
  isEmpty: false
};

const numberContainer: Container = {
  value: 42,
  isEmpty: false
};

Görev

Kolay

Her türden veriyi başarı bilgisiyle birlikte tutabilen Result adlı genel bir arayüz oluşturun.

Arayüz iki özelliğe sahip olmalıdır:

success türü boolean
data türü T (genel tür parametresi)

Genel arayüzünüzü kullanarak aşağıdaki nesneleri oluşturun:

stringResult türü Result<string>; success: true ve data: "Operation completed" değerleriyle
numberResult türü Result<number>; success: true ve data: 42 değerleriyle
booleanResult türü Result<boolean>; success: false ve data: false değerleriyle
arrayResult türü Result<string[]>; success: true ve data: ["item1", "item2", "item3"] değerleriyle

Aşağıdaki işlemleri gerçekleştiren processResult adlı genel bir işlev oluşturun:

Genel tür parametresi olarak T kullanır
Result<T> türünde bir result parametresi alır
Bir dize iletisi döndürür
success değeri true ise "Success: [data]" döndürür
success değeri false ise "Failed: [data]" döndürür

Aşağıdaki çıktıları yazdırın:

stringResult ile processResult çağrısının sonucunu yazdırın
numberResult ile processResult çağrısının sonucunu yazdırın
booleanResult ile processResult çağrısının sonucunu yazdırın
arrayResult ile processResult çağrısının sonucunu yazdırın
stringResult.data değerini yazdırın

GEREKLİ ÇIKTI BİÇİMİ: [Çevrilmiş içeriğiniz]

Kendin dene

// TODO: Kodunuzu buraya yazın

// Jenerik Result arayüzünü oluştur


// Result arayüzünü kullanarak nesneleri oluştur


// Jenerik processResult fonksiyonunu oluştur


// Gerekli çıktıları yazdır