Fonksiyonlar: kodu tekrar kullanmak

Başlamadan önce

Önceki dersteki örneği çalıştırmış olman ve dosya/çıktı ayrımını biliyor olman yararlı.

Öğrenme sırası: konuyu oku → çıktıyı tahmin et → örneği değiştir → alıştırmayı çöz → cevabını gerekçelendir.

Konu anlatımı

Fonksiyon bir işi adlandırır ve tekrar kullanılabilir hâle getirir. Parametre, iş yapılırken değişmesini istediğin girdinin adıdır. Fonksiyonu çağırırken gerçek değeri argüman olarak verirsin. Böylece aynı hesap kuralını farklı sayılarda yeniden yazmadan kullanabilirsin; hesap bir yerde tanımlanır, birçok yerde çağrılır.

Bir değeri döndürmek ile ekrana yazdırmak farklı işlerdir. return çağıran koda bir sonuç verir; çıktı komutu ise bir bilgiyi görünür kılar. Hesaplayan fonksiyonun sonucunu başka hesaplarda kullanmak istiyorsan değeri döndür. Yazdırmayı çağıran koda bırakmak fonksiyonu denemeyi ve yeniden kullanmayı kolaylaştırır.

İyi bir başlangıç fonksiyonu küçük ve tek amaçlıdır. Adını bir eylem gibi seç, hangi girdileri kabul ettiğini ve hangi sonucu ürettiğini yaz. Bir normal, bir sınır ve mümkünse bir beklenmeyen durum düşün. Her olası sorunu tek fonksiyona doldurmak yerine önce sözleşmesini anlaşılır kıl.

JavaScript fonksiyonları bir değer döndürebilir; açık bir return yoksa undefined sonucu oluşur. Bir fonksiyonu başka fonksiyona argüman olarak vermek ile onu o anda çağırmak farklıdır. Bu farkı buton olaylarını bağladığın derste yeniden kullanacağız.

İlk örneği oku ve dene

function selamla(isim) {
  return "Merhaba " + isim + "!";
}

console.log(selamla("Mehmet"));

Merhaba Mehmet!

Kodu değiştir ve ▶ Çalıştır butonuna bas.

Adım adım neden böyle çalışıyor?

1. Fonksiyonun adı yapılan işi anlatır.
2. Parametre çağrıdaki değeri yerel olarak adlandırır.
3. return hesaplanmış sonucu çağıran koda verir.
4. İki çağrı aynı kuralı farklı girdilerle uygular.

function ikiKat(sayi) {
  return sayi * 2;
}
console.log(ikiKat(4));
console.log(ikiKat(7));

8
14

Kodu değiştir ve ▶ Çalıştır butonuna bas.

Kolaydan zora sen dene

1. ikiKat fonksiyonunu 4 ve 7 için çağır; 8 ve 14 bekle.
2. Sonucu bir değişkene alıp üzerine 1 ekle; yazdırmadan da kullanılabildiğini göster.
3. İki sayı alıp toplam döndüren yeni bir fonksiyon yaz; üç farklı girdi çiftiyle kontrol et.

function ikiKat(sayi) {
  return sayi * 2;
}
console.log(ikiKat(5));
console.log(ikiKat(0));

10
0

Kodu değiştir ve ▶ Çalıştır butonuna bas.

Yaygın hata ve çözümü

1. Fonksiyonu tanımlamak onu çalıştırmaz; ayrıca çağırman gerekir.
2. Yalnızca yazdıran bir fonksiyonu hesap sonucu gibi kullanmak işe yaramayabilir; return ile çıktı arasındaki farkı izle.

Kendini değerlendir

Ezberlemeden açıklayabiliyor musun?

Bir fonksiyonun sonucu başka hesapta kullanılacaksa neden yalnızca yazdırmak yeterli değildir?

Kendi çözümünde bir girdiyi değiştir. Çalıştırmadan önce beklenen sonucu yaz; gerçek sonuçla karşılaştır ve fark varsa hangi satırdan kaynaklandığını açıkla.

Kaynak ve çalışma ortamı

Örnekler küçük öğretim senaryolarıdır. Java/C#/PHP/Swift çalışma ortamını kendi cihazında ayrıca doğrula; yazılı sonuçlar beklenen davranışı açıklar.