Yardımcı fonksiyonlar

JavaScript kursu · Başlangıç · Ders 86/133

Büyük bir problemi küçük yardımcı fonksiyonlara bölmeyi öğrenirsin.

Yardımcı fonksiyonlar

Büyük bir problemi tek bir fonksiyona sığdırmak yerine, onu küçük yardımcı fonksiyonlara (helper) bölebilirsin. Her yardımcı fonksiyon tek bir işi yapar; ana fonksiyon bunları çağırarak sonucu üretir.

Örnek: bir fiyat hesaplamak için applyDiscount(price) ve addTax(price) adında iki yardımcı yazarsın. Sonra finalPrice(price) fonksiyonu return addTax(applyDiscount(price)) ile ikisini birleştirir. Böylece her adım ayrı, okunaklı ve yeniden kullanılabilir olur.

Küçük parçalara böl

İyi bir yardımcı fonksiyon tek bir sorumluluk taşır: ya indirim yapar, ya vergi ekler, ya biçimlendirir; hepsini birden değil. Buna tek sorumluluk prensibi denir.

Bu sayede her fonksiyon kısa ve anlaşılır olur, hata bulmak kolaylaşır ve yardımcıyı başka bir yerde yeniden kullanabilirsin. Örneğin applyDiscount fonksiyonunu hem finalPrice hem de cartTotal içinde çağırabilirsin. Bu, kod tekrarını önler.

Uygulama Fiyatı hesapla

İki yardımcı fonksiyon tanımla: applyDiscount(price) price * 0.9 döndürsün, addTax(price) price * 1.2 döndürsün. Sonra finalPrice(price) fonksiyonu tanımla: gövdede return addTax(applyDiscount(price)) yaz. Son olarak console.log(finalPrice(100)) ile sonucu yazdır.

Örnek çözümü göster

function applyDiscount(price) {
  return price * 0.9;
}

function addTax(price) {
  return price * 1.2;
}

function finalPrice(price) {
  return addTax(applyDiscount(price));
}

console.log(finalPrice(100));

Kendini test et

Yardımcı fonksiyon ne işe yarar?
- Programı yavaşlatır
- Büyük bir problemi küçük parçalara böler
- Değişken tanımlamayı sağlar
- Döngü yerine kullanılır
Cevabı göster

Büyük bir problemi küçük parçalara böler — Doğru. Yardımcı fonksiyonlar büyük problemi küçük, yönetilebilir parçalara böler.

Yardımcı fonksiyonu çağır

function applyDiscount(price) {
  return price * 0.9;
}
function finalPrice(price) {
  return ____;
}
console.log(finalPrice(100));

Cevabı göster

function applyDiscount(price) {
  return price * 0.9;
}
function finalPrice(price) {
  return applyDiscount(price);
}
console.log(finalPrice(100));

Yardımcı fonksiyon görevleri

applyDiscount

Fiyattan indirim yapar
addTax

Fiyata vergi ekler
formatPrice

Fiyatı yazıya çevirir
finalPrice

Yardımcıları birleştirir

Bu dersi interaktif çöz

6 adımlık interaktif ders: kısa anlatımlar, sorular ve kod görevleri. Ücretsiz, ilerlemen kaydedilir.

Derse başla

Kendin dene

script.js

// applyDiscount fonksiyonunu tanımla
// yüzde 10 indirim yap

// addTax fonksiyonunu tanımla
// yüzde 20 vergi ekle

// finalPrice fonksiyonunu tanımla
// applyDiscount'u çağır, sonucu addTax'a ver

// console.log(finalPrice(100)) ile yazdır

Yardımcı fonksiyonlar