Özet: Generic Fonksiyon Pratiği
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası. Ders 62 / 73.
Görev
KolayFarklı türlerde iki argüman alan ve bunları bir demet (tuple) olarak döndüren makePair adında genel (generic) bir fonksiyon oluşturun.
Fonksiyon şunları yapmalıdır:
- İki genel tür parametresi
TveUkullanmalı Ttüründe birfirstparametresi kabul etmeliUtüründe birsecondparametresi kabul etmeli[T, U]türünde bir demet (tuple) döndürmeli- Açık bir dönüş türü belirtecine sahip olmalı
Aşağıdaki değişkenleri oluşturarak fonksiyonunuzu test edin:
stringNumberPair-makePairfonksiyonunu"Hello"ve42ile çağırınbooleanStringPair-makePairfonksiyonunutrueve"World"ile çağırınnumberBooleanPair-makePairfonksiyonunu100vefalseile çağırın
Demetlerinizden değerleri çıkarmak için yapı sökme (destructuring) kullanın:
stringNumberPairdeğişkeninitextvenumdeğişkenlerine ayırınbooleanStringPairdeğişkeniniflagvemessagedeğişkenlerine ayırın
Aşağıdaki çıktıları yazdırın:
textdeğerini yazdırınnumdeğerini yazdırınflagdeğerini yazdırınmessagedeğerini yazdırınnumberBooleanPairdeğişkeninin ilk elemanını yazdırınnumberBooleanPairdeğişkeninin ikinci elemanını yazdırınmakePairfonksiyonunu"TypeScript"ve2024ile çağırmanın sonucunu, ilk elemana erişerek yazdırınmakePairfonksiyonunu99ve"bottles"ile çağırmanın sonucunu, ikinci elemana erişerek yazdırın
Kendin dene
// YAPILACAK: Kodunuzu buraya yazın
// T ve U tip parametrelerine sahip genel (generic) makePair fonksiyonunu oluşturun
// Fonksiyon iki parametre kabul etmeli ve bir demet (tuple) döndürmelidir
// YAPILACAK: Gerekli değişkenleri oluşturarak fonksiyonunuzu test edin
// stringNumberPair, booleanStringPair, numberBooleanPair
// YAPILACAK: Demetlerden (tuples) değerleri çıkarmak için yapı sökme (destructuring) kullanın
// stringNumberPair ve booleanStringPair değişkenlerini belirtildiği gibi yapı sökme işlemine tabi tutun
// YAPILACAK: Tüm gerekli çıktıları yazdırın
// text, num, flag, message ve diğer gerekli değerleri yazdırınTypeScript'e Giriş bölümündeki tüm dersler
1TS ile Başlarken
TypeScript Nedir?Neden TypeScript Kullanılır?İlk TypeScript KodunuzDerleme Süreci ve HatalarÖzet: TS'ye Giriş4Fonksiyonlarla Çalışmak
Parametre ve Dönüş Değerlerini TiplendirmeArrow Fonksiyonlarını Tiplendirme'void' Dönüş Tipi'?' ile Opsiyonel ParametrelerVarsayılan Parametre DeğerleriRest Parametrelerini TiplendirmeFonksiyon Tiplerini TanımlamaÖzet: Tiplendirilmiş Fonksiyonlar Oluşturma2Temel Tipler
Temel Tipler: str, num, boolean'any' Tipi: Kaçış Yolu'unknown' Tipi'null' ve 'undef' ile ÇalışmakTip Çıkarımı İş BaşındaAçık Tip BelirlemeleriÖzet: Temel Tipler Pratiği5Tipler: Takma Adlar, Unionlar ve Kesişimler
İlkel Tipler için Tip Takma AdlarıUnion Tipler ('|')Union Tipler ile ÇalışmakLiteral TiplerKesişim Tipleri ('&')Tip Takma Adlarını BirleştirmeÖzet: Gelişmiş Tip Kombinasyonları3Veri Yapısı: Diziler ve Tuple
Tipli DizilerDiziler için 'readonly' BelirleyicisiTuple Nedir?Tuple Tanımlama ve ErişmeTuple DestructuringReadonly Tuple'larÇok Boyutlu Tipli DizilerDizilerle Spread OperatörüÖzet: Diziler ve Tuple'lar6Nesneleri ve Interface'leri Tiplendirme
Satır İçi Nesne Tipi BelirtimleriNesneler için Type Alias KullanımıInterface'lere GirişInterface'ler ve Type Alias'ların KarşılaştırılmasıOpsiyonel ve Readonly ÖzelliklerInterface ve Tipleri GenişletmeInterface'lere Metot EklemeÖzet: Nesne Yapılarını Tanımlama9Generic Yapılar: İlk Bakış
Generic Yapıların Çözdüğü SorunGeneric Identity Fonksiyonu OluşturmaGeneric Fonksiyon KullanımıGeneric DizilerGeneric Interface'lerÖzet: Generic Fonksiyon PratiğiKendi başına pratik yap: Online JavaScript derleyicisi