JavaScript Arrow Fonksiyon Tanımlama

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 }

(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>

//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>

//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>

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>

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>

İlgili

Yorum

habib dedi ki:

Eylül 8, 2018, 2:51 pm

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 ?

Cevapla
- Hayri dedi ki:
  
  Eylül 9, 2018, 4:12 pm
  
  Evet sorun olabilir.
  Destekleyen tarayıcılar ve versiyonları: https://caniuse.com/#feat=arrow-functions
  
  Cevapla
JavaScript Dersleri – Yazılım Bilişim Programlama dedi ki:

Ocak 13, 2017, 9:18 am

[…] JavaScript Dersleri 12.3 Arrow Fonksiyonlar […]

Cevapla
JavaScript Sayfayı Yenileme – Yazılım Bilişim Programlama dedi ki:

Ocak 4, 2017, 9:31 am

[…] […]

Cevapla

JavaScript Arrow Fonksiyon /JavaScript Lambda Fonksiyon

Bunu paylaş:

İlgili

İlginizi Çekebilir

Yorum

Yorum Yap X