Arrow Function Farkı/Kullanımı

Sahinomer
2 min readJan 16, 2021

--

ES6 ile gelen fonksiyon yazarken işleri kolaylaştıran bir fonksiyondan bahsedelim.Arrow function’dan.

Bu kolaylığı en iyi görme yolu , eski kullanım yöntemiyle yeni kullanım yöntemini kıyaslamak.

Şimdi bir fonksiyon yazalım.

Şimdi bu fonksiyonu ES6 ile gelen arrow function ile yapalım ve aradaki farkı görelim.

Fonksiyonumuz herhangi bir parametre almadığı için () parantezlerimizi açıp kapattık ve bunun bir arrow function olduğunu belirtmek için => işaretini koyduk.

Eğer fonksiyonumuzda tek satır kod varsa süslü parantez koymamıza gerek yok.

Fonksiyonlarımıza parametre gönderirsek peki nasıl yapmalıyız bunlara da göz atalım.

Normal fonksiyon yapısı ile ;

Arrow function ile ;

E şimdi burada tek bir satır olmasına rağmen süslü parantezleri kullandık.Ben bunları kullanmak istemiyorum dersek eğer return ifadesini kaldırarak kullanabiliriz.

İşte böyle bakın ne kadar sade ve basit bir hale geldi.

Son bir örnekle arrow function için yazımı tamamlamak istiyorum.Bir dizimiz olsun ve biz bu dizideki çift sayıları almak isteyelim.Bunu filter metoduyla yapacağız.

Okuduğunuz için teşekkür ederim :)

--

--