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