Arrow fonksiyon sözdizimi

JavaScript kursu · Orta seviye · Ders 1/134

=> ile kısayol fonksiyon yazmayı ve klasik fonksiyondan farkını öğrenirsin.

Arrow fonksiyon sözdizimi

Arrow fonksiyon (ok fonksiyon), bir fonksiyon ifadesini daha kısa yazmanın yoludur. => oku parametreleri gövdeden ayırır.

Klasik yazım:

const square = function(n) {
  return n * n;
};

Arrow yazım:

const square = (n) => n * n;

Tek satırlık gövdede return yazmana gerek yok; değer otomatik döner. Buna implicit return denir.

Callback olarak arrow

Arrow fonksiyonlar özellikle callback olarak kullanışlıdır. Başlangıçta öğrendiğin map ve filter ile harika uyum sağlar.

Klasik:

const nums = [1, 2, 3];
const doubled = nums.map(function(n) {
  return n * 2;
});

Arrow ile:

const doubled = nums.map((n) => n * 2);

Ok, callback'i tek satıra indirir ve okunurluğu artırır.

Uygulama Klasik fonksiyonu arrow'a çevir

Aşağıdaki square fonksiyonunu arrow fonksiyona çevir. n'in karesini tek satırlık (implicit return) gövdeyle döndürsün.

Örnek çözümü göster

const square = (n) => n * n;

Kendini test et

Hangisi geçerli bir arrow fonksiyondur?
- const f = function() => 5;
- const f = () => 5;
- const f = () -> 5;
- const f = => 5;
Cevabı göster

const f = () => 5; — Doğru. Sıfır parametre için boş parantez <code>()</code> sonra <code>=></code> yazılır.

Boşluğu ok ile tamamla

const double = (n) ____ n * 2;

Cevabı göster

const double = (n) => n * 2;

Aşağıdaki çağrı ne döndürür?
```
const area = (w, h) => w * h;
area(3, 4);
```
- 12
- 7
- 34
- undefined
Cevabı göster

12 — Doğru. 3 * 4 = 12; implicit return değeri döndürür.

Arrow fonksiyon sözdizimi