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…