ECMAScript 6 – Arrow Functions
Merhaba,
Bu içeriğimizde klasik JavaScript’te oluşturduğumuz fonksiyonların ECMAScript 6 ile gelen Arrow Functions özelliği ile nasıl daha pratik, okunabilir ve kullanışlı bir hale getirildiğini inceleyeceğiz.
Klasik JavaScript’te fonksiyonlar aşağıdaki gibi oluşturulmaktadır.
var myFunction = function () { return true; }
Bu fonksiyon tanımlama işleminde kod yapısına şöyle bir göz atarsak eğer bir hantallık söz konusu. ECMAScript 6 ile Arrow Functions özelliği ile fonksiyonları aşağıdaki gibi tanımlayabilmekteyiz.
const myFunction = () => { return true; };
Bu bir üst tanımlamadaki fonksiyonun birebir aynısıdır.
Eğer ki fonksiyonumuzda parametre varsa parantez içerisine bildirmemiz yeterlidir.
const myFunction = (x, y) => { return x + y; };
Eğer ki parametre sayısı bir adetse aşağıdaki gibi parantez olmaksızın tekli tanımlama yapabiliriz.
const myFunction = x => { return x + 5; };
Ve fonksiyon içerisinde sadece tek satırlık bir işlem yapılacaksa scope kullanmaksızın o işlemi gerçekleştirebiliriz.
const myFunction = (x) => console.log(x);
Evet… ECMAScript 6 Arrow Functions özelliği ile gördüğünüz gibi gayet kullanışlı ve estetik bir fonksiyon tanımlama syntax’ı getirmektedir.
Bol bol kullanmanız dileğiyle… 🙂
Sonraki yazılarımda görüşmek üzere…
İyi çalışmalar…