Arrow Fonksiyonlarını Tiplendirme
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası — ders 23 / 73.
Ok fonksiyonları (arrow functions) için, tıpkı normal fonksiyonlarda olduğu gibi parantez içindeki parametrelere tür ek açıklamaları eklersiniz. Dönüş türü ek açıklaması, parametre listesinden sonra ancak oktan (=>) önce gelir:
const multiply = (a: number, b: number): number => {
return a * b;
};
const greet = (name: string): string => `Hello, ${name}!`;Normal fonksiyon bildirimlerinden temel fark, dönüş türü belirtecinin fonksiyon adından sonra gelmek yerine oktan önce gelmesidir. Bu, ok fonksiyonlarını popüler kılan temiz ve modern sözdizimini muhafaza ederken TypeScript'in tür güvenliğini korur.
Görev
KolayAşağıdaki normal fonksiyon bildirimini, tüm tür belirteçlerini koruyarak bir arrow function'a (ok fonksiyonu) dönüştürün:
function subtract(a: number, b: number): number {
return a - b;
}Aynı parametre türleri ve dönüş türü ile aynı işlemi gerçekleştiren subtract adında bir arrow function oluşturun.
Ardından iki ek arrow function daha oluşturun:
stringtüründe birtextparametresi alan ve"Message: [text]"formatında bir dize döndürencreateMessageadında bir arrow function. Hem parametre hem de dönüş türü için açık tür belirteçlerini dahil edin.numbertüründe birnumparametresi alan ve sayı 0'dan büyüksetrue, aksi takdirdefalsedöndürenisPositiveadında bir arrow function. Hem parametre hem de dönüş türü için açık tür belirteçlerini dahil edin.
Arrow function'larınızı aşağıdaki değerlerle çağırarak ve sonuçları yazdırarak test edin:
subtractfonksiyonunu10ve3ile çağırıncreateMessagefonksiyonunu"Hello World"ile çağırınisPositivefonksiyonunu-5ile çağırınisPositivefonksiyonunu8ile çağırın
Her sonucu yukarıda belirtilen sırayla ayrı bir satıra yazdırın.
Kendin dene
// YAPILACAK: Normal fonksiyonu ok fonksiyonuna (arrow function) dönüştürün ve ek ok fonksiyonlarını oluşturun
// YAPILACAK: Tür açıklamalarıyla birlikte çıkarma (subtract) ok fonksiyonunu oluşturun
// YAPILACAK: Tür açıklamalarıyla birlikte createMessage ok fonksiyonunu oluşturun
// YAPILACAK: Tür açıklamalarıyla birlikte isPositive ok fonksiyonunu oluşturun
// YAPILACAK: Ok fonksiyonlarınızı test edin ve sonuçları yazdırınBu 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
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ımlama