JavaScript Arrow Fonksiyon /JavaScript Lambda Fonksiyon
C# programlama dili ile ilgilendiyseniz Lambda fonksiyon tanımlama kavramını az çok biliyorsunuz demektir.
EcmaScript 6 ile javasSript diline dahil olan Arrow Fonksiyonlar ile isimsiz bir fonksiyon tanımlayıp değer döndürme işlemini yapabilirsiniz.
Yazım Kuralı: En kapsamlı şu şekilde yazabilirsiniz.
(param1, param2, …, paramN) => { ifadeler }
Örnek 1: Basit bir kare alma fonksiyonunu arrow fonksiyon ile tanımlama
<script> //tanımlama kısmı var kareAl = x => x * x; //tanımlanan fonksiyonun kullanımı window.alert(kareAl(10)); </script>
Örnek 1: Klasik yöntemle tanımlama
<script> //fonksiyonun tanımlanması function kareAl(x) { return x*x; } //fonksiyonun kullanımı window.alert(kareAl(10)); </script>
Örnek 2: Yukarıdaki anonim örneğini arrow fonksiyon ile şu şekilde tanımlayabiliriz.
<script> var dizi=[12,25,85,45,74]; /*forEach metodu dizideki her değer için okuma yapar*/ /*array.forEach(fonksiyon)*/ dizi.forEach((eleman)=>alert(eleman)); </script>
Örnek 3: dizi içindeki 1,2,3 sayılarının karesini alma
<script> var dizi = [1, 2, 3]; var kareal1 = dizi.map(x => x * x); alert(kareal1); // Klasik yöntemle var kareal2 = dizi.map(function (x) { return x * x }); alert(kareal2); </script>
Merhabalar değerli bilgiler için teşekkürler ben bir soru sorcaktım arrow functions kullanmak bazı tarayıcılar için kullanmak sıkıntı olurmu yani desteklememe gibi durumlar mevcutmu ?
Evet sorun olabilir.
Destekleyen tarayıcılar ve versiyonları: https://caniuse.com/#feat=arrow-functions