JavaScript’te arrow functions nasıl tanımlanır ve kullanılır?

JavaScript’te Arrow Functions

Arrow functions, ES6 ile birlikte gelen ve fonksiyonları daha kısa bir yazım şekliyle tanımlamamıza olanak tanıyan bir yapıdır. Geleneksel fonksiyon tanımına göre daha basit bir sözdizimine sahiptirler.

Tanım

Arrow function, aşağıdaki gibi tanımlanabilir:

• Tek parametreli ise parantezler isteğe bağlıdır:
• Birden fazla parametre varsa, parantezler zorunludur:
• Fonksiyon gövdesi tek bir ifade içeriyorsa, süslü parantezler ve return ifadesi gerekmez.

Örnekler

Tek parametre ile arrow function:

const kareAl = x => x * x;

İki parametre ile arrow function:

const topla = (a, b) => a + b;

Süslü parantez ve return ifadesi ile:

const multiply = (a, b) => { return a * b; };

Kullanım

Arrow functions, genellikle şu durumlarda tercih edilir:

• Kısa ve basit fonksiyonlar için
• this bağlamının daha natural bir şekilde korunması istenildiğinde

Örnek kullanım:

const sayilariYazdir = sayilar => { 
    sayilar.forEach(sayi => console.log(sayi)); 
};

Yukarıdaki örnekte, sayılar array’i içindeki her elemanı yazdırmak için bir arrow function kullanılmıştır.