Arrow Fonksiyonlar
Arrow fonksiyonu, ES6 ile birlikte gelen ve daha kısa ve okunaklı bir şekilde fonksiyon tanımlamamıza olanak sağlayan bir özelliktir. Geleneksel fonksiyon tanımlamalarına göre daha pratik bir kullanıma sahip olan arrow fonksiyonları, genellikle kısa ve basit işlemleri gerçekleştirmek için tercih edilir.
Arrow fonksiyonları, `=>` ok işareti ile tanımlanır ve genellikle tek satır ifadelerle kullanılır. Fonksiyonun dönüş değeri `return` anahtar kelimesi kullanılmadan otomatik olarak dönüş yapılır. Ayrıca arrow fonksiyonları, kendi bağlamı olmayan `this` değerine sahip oldukları için genellikle sınıf metodları veya event dinleyicileri gibi alanlarda tercih edilir.
Örnek olarak, bir array içerisindeki elemanların toplamını bulan bir fonksiyonu geleneksel fonksiyon tanımı ve arrow fonksiyonu ile karşılaştıralım:
Geleneksel fonksiyon tanımı:
“`javascript
const toplam = function(arr) {
return arr.reduce(function(acc, current) {
return acc + current;
}, 0);
};
let numbers = [1, 2, 3, 4, 5];
console.log(toplam(numbers)); // 15
“`
Arrow fonksiyonu kullanarak aynı işlemi yapalım:
“`javascript
const toplam = (arr) => arr.reduce((acc, current) => acc + current, 0);
let numbers = [1, 2, 3, 4, 5];
console.log(toplam(numbers)); // 15
“`
Yukarıdaki örneklerde geleneksel fonksiyon tanımı ve arrow fonksiyonu ile aynı işlemi gerçekleştirdik. Arrow fonksiyonları, kısa ve anlaşılır bir şekilde fonksiyon tanımlamamıza imkan verirken, kodumuzu daha okunabilir hale getirir.
Arrow function kullanımını gösteren bir kod snippet’ı aşağıdaki gibi olabilir:
“`javascript
const square = (num) => num * num;
console.log(square(5)); // 25
“`
Yukarıdaki örnekte, `square` arrow fonksiyonu ile verilen sayının karesini alan bir fonksiyon tanımladık ve bu fonksiyonu kullanarak 5’in karesini hesapladık ve ekrana yazdırdık. Arrow fonksiyonları, bu şekilde basit ve hızlı fonksiyon tanımlamaları için oldukça kullanışlıdır.