Öğren · Dene · Üret
JavaScript · Fonksiyonlar: kodu tekrar kullanmak — videolu atölye
Adım adım Türkçe görsel rehber. Her bölümden sonra duraklat ve kendi ortamında dene.
4:35 dk · Sessiz görsel anlatım · Duraklatıp kodu veya adımı kendin dene.
Bölümler
Videoyu metin olarak oku
Fonksiyonlar: kodu tekrar kullanmak
Parametre alan ve değer döndüren bir fonksiyonu farklı girdilerle kullanmak.
Kavramı kur
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.
Neden böyle çalışıyor?
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.
Çalışma sırası
İ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.
İkinci örnek · 1
Fonksiyonun adı yapılan işi anlatır. Kodun tamamı yazılı derste bulunur.
function ikiKat(sayi) {
return sayi * 2;
}
console.log(ikiKat(4));
console.log(ikiKat(7));Beklenen sonucu oku
İki çağrı aynı kuralı farklı girdilerle uygular.
Beklenen: 8 14
Bir değeri sen değiştir
ikiKat fonksiyonunu 4 ve 7 için çağır; 8 ve 14 bekle. Sonucu bir değişkene alıp üzerine 1 ekle; yazdırmadan da kullanılabildiğini göster.
Hata nereden gelir?
Fonksiyonu tanımlamak onu çalıştırmaz; ayrıca çağırman gerekir.
Kendi çözümünü kur
İki sayı alıp toplam döndüren yeni bir fonksiyon yaz; üç farklı girdi çiftiyle kontrol et. Fonksiyonun içinde sadece hesabı döndür. Sonucu görmek için çağrıdan sonra yazdır.
Çözüm varyasyonu · 1
Önce kendi denemeni yap; sonra bu varyasyonun girdileri ile sonucunu karşılaştır.
function ikiKat(sayi) {
return sayi * 2;
}
console.log(ikiKat(5));
console.log(ikiKat(0));Kendini kontrol et
Bir fonksiyonun sonucu başka hesapta kullanılacaksa neden yalnızca yazdırmak yeterli değildir? Yanıt: Yazdırma ekrana yan etki üretir; çağıran koda kullanılabilir sonuç vermek için uygun bir dönüş değeri gerekir.
Beklenen: 10 0
Bu içerik işine yaradı mı?
Görüşünü aşağıdan işaretleyebilir ve varsa notunu bırakabilirsin.