Tek satır ve blok gövde

Tek satır implicit return ile blok gövdeli arrow arasındaki farkı öğrenirsin.

Tek satırlık kısa gövde

Bir arrow fonksiyonun gövdesi tek bir ifadeyse, süslü parantez ve return anahtar kelimesi olmadan yazılır. Hesaplanan değer otomatik olarak döner.

const add = (a, b) => a + b;
const greet = (name) => `Merhaba, ${name}`;

Bu stilde gövdeye concise body (kısa gövde) denir. İfade soldan sağa değerlendirilir ve sonuç çağırana döner. Döngü veya çoklu adım gerektiğinde bu yazım yetersiz kalır.

Blok gövde ve return

Birden çok ifade veya bir return akışı gerekiyorsa süslü parantezle block body kullanırsın. Bu durumda return yazmak zorunludur; aksi halde değer dönmez.

const priceWithTax = (price, rate) => {
  const tax = price * rate;
  return price + tax;
};

Blok gövdede implicit return çalışmaz. return satırını unutursan fonksiyon undefined döndürür ve hesap kaybolur.

Uygulama Blok gövdeli arrow yaz

formatPrice adında arrow fonksiyon yaz. Blok gövde kullansın; önce const text = price.toFixed(2); ile metni oluştursun, sonra text'i döndürsün.

Örnek çözümü göster

const formatPrice = (price) => {
  const text = price.toFixed(2);
  return text;
};

Kendini test et

Hangisi implicit return (kısa gövde) kullanır?
- const f = (x) => { return x; };
- const f = (x) => { x };
- const f = (x) => x;
- const f = (x) => { console.log(x); };
Cevabı göster

const f = (x) => x; — Doğru. Süslü parantez yok, ifade tek satırda; değer otomatik döner.

Blok gövdede eksik anahtar kelime

const half = (n) => {
  ____ n / 2;
};

Cevabı göster

const half = (n) => {
  return n / 2;
};

Gövde türlerini eşleştir

concise body

süslü parantez yok, return yok
block body

süslü parantez ve return
implicit return

değer otomatik döner

Sıradaki ders: Arrow ile parametreler

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler