Menu
Coddy logo textTech

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.

challenge icon

Görev

Kolay

Aş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:

  • string türünde bir text parametresi alan ve "Message: [text]" formatında bir dize döndüren createMessage adında bir arrow function. Hem parametre hem de dönüş türü için açık tür belirteçlerini dahil edin.
  • number türünde bir num parametresi alan ve sayı 0'dan büyükse true, aksi takdirde false döndüren isPositive adı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:

  • subtract fonksiyonunu 10 ve 3 ile çağırın
  • createMessage fonksiyonunu "Hello World" ile çağırın
  • isPositive fonksiyonunu -5 ile çağırın
  • isPositive fonksiyonunu 8 ile ç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ı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