Özet - Arrow fonksiyonlar
- TypeScript kursu
- Başlangıç
- Ders 50/89
- 4 dk
Ok fonksiyonlarıyla bir liste filtreleme programı yazarsın.
Özet - Arrow fonksiyonlar
Ok fonksiyonları kısa söz dizimi, sözcüksel this ve tür olarak kullanım sunar. Birlikte filtreleme, eşleme ve callback tabanlı işlemlerde temiz ve güvenli kod yazmayı sağlar.
let sayilar = [1, 2, 3, 4, 5];
let buyukler = sayilar.filter((n: number) => n > 3);
// buyukler: [4, 5]Ok fonksiyonları, fonksiyonel programlama desenlerini TypeScript'te kolaylaştırır.
Uygulama Liste filtreleme programı
sayilar adında bir dizi tanımla ve değerini [1, 2, 3, 4, 5] yap. .filter() metodunu bir ok fonksiyonu ile kullanarak 3'ten büyük sayıları filtrele. Filtrelenmiş dizinin ilk öğesini console.log ile yazdır.
Başlangıç kodu
// sayilar dizisini tanımla: [1, 2, 3, 4, 5]
// filter ve arrow function ile 3'ten büyük olanları filtrele
// filtrelenmiş dizinin ilk öğesini yazdırÖrnek çözüm
let sayilar = [1, 2, 3, 4, 5];
let buyukler = sayilar.filter((n: number) => n > 3);
console.log(buyukler[0]);Beklenen çıktı
4
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Bir metodun içindeki callback'te ok fonksiyonu neden tercih edilir?
- Çevreleyen metodun this'ini koruduğu için Doğru cevap
- Daha hızlı çalıştığı için
- Daha fazla parametre alabildiği için
- Hataları önlediği için
Açıklama: Ok fonksiyonu <code>this</code>'i sözcüksel olarak alır; metodun içindeki callback'te <code>this</code> kaybolmaz. Düz fonksiyonda ise <code>this</code> çağrı yerine göre değişir ve kaybolur.
2 Filtreleme eşik değerini ekle
let sayilar = [1, 2, 3, 4, 5];
let buyukler = sayilar.filter((n: number) => n > ____);let sayilar = [1, 2, 3, 4, 5];
let buyukler = sayilar.filter((n: number) => n > 2);Açıklama: 3'ten büyük sayıları filtrelemek için eşik <code>2</code> olmalıdır; <code>n > 2</code> [3, 4, 5] verir. <code>1</code> [2,3,4,5], <code>5</code> boş dizi, <code>0</code> tüm diziyi verir.
3 Arrow fonksiyonlar özeti
| Kavram | Anlamı |
|---|---|
(a, b) => a + b |
Kısa fonksiyon söz dizimi |
Arrow this |
Sözcüksel kapsamdan alınır |
(x: number) => number |
Fonksiyon türü |
Arrow callback |
Filtreleme ve eşlemede kullanım |