CodeBlanks Logo Icon CodeBlanks

Özet - Fonksiyonlar

arrow function, default ve rest'i birleştirerek bir hesap yardımcı yazarsın.

Özet - Fonksiyonlar

Bu grupta fonksiyonların beş yönünü gördün: tanımlama (declaration ve expression), return ile değer döndürme, arrow function kısa yazımı, default parametre ile varsayılan değer ve rest parametre ile değişken argüman toplama.

Bunları birleştirerek esnek yardımcı fonksiyonlar yazabilirsin. Örneğin bir 'hesap yardımcısı': arrow function olarak yazılır, default oran alır ve rest parametreyle istediğin kadar sayıyı işler.

Son örnekte ortalama hesaplayan bir fonksiyon yazacaksın. Rest parametreyle değişken sayıda sayı alacak ve bunların ortalamasını döndürecek. arrow function ve reduce'ı birlikte kullanacaksın.

Uygulama Hesap yardımcısı

apply adında bir arrow function tanımla: const apply = (rate = 10, ...nums) => nums.reduce((sum, n) => sum + n * rate / 100, 0);. apply(20, 100, 200) çağrısının sonuçunu (100*20/100 + 200*20/100 = 60) console.log ile yazdır.

Başlangıç kodu

index.js
// apply arrow function'ını tanımla ve çağrı sonuçunu yazdır

Örnek çözüm

index.js
const apply = (rate = 10, ...nums) =>
  nums.reduce((sum, n) => sum + n * rate / 100, 0);
console.log(apply(20, 100, 200));

Beklenen çıktı

60

Uygulama Ortalama hesapla

average adında bir arrow function tanımla: const average = (...nums) => nums.reduce((sum, n) => sum + n, 0) / nums.length;. average(10, 20, 30, 40) çağrısının sonuçunu (100 / 4 = 25) console.log ile yazdır.

Başlangıç kodu

index.js
// average arrow function'ını tanımla ve çağrı sonuçunu yazdır

Örnek çözüm

index.js
const average = (...nums) =>
  nums.reduce((sum, n) => sum + n, 0) / nums.length;
console.log(average(10, 20, 30, 40));

Beklenen çıktı

25

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Kavramları eşle

Kavram Anlamı
function greet Declaration
return n * 2 Değer döndürme
(a) => a * 2 Arrow function
rate = 18 Default parametre
...nums Rest parametre

2 Hesap yardımcısı ne alır?

  • Tek sayı
  • Sabit iki parametre
  • Yalnızca dizi
  • Default oran ve rest sayılar Doğru cevap

Açıklama: default oran + rest sayılar esnek bir hesap yardımcısı verir.

3 Arrow default parametre

Soru
const greet = (name = ____) => 'Merhaba ' + name;
Cevap
const greet = (name = 'Misafir') => 'Merhaba ' + name;

Açıklama: arrow function'da da default parametre = değer ile yazılır.

Başlangıç bölümündeki tüm dersler