Javascript Arrow Function Kullanımı
Javascirp’te klasik function oluştururken fonksiyonun ismini yazıyor sonra parantezlerimizi açıyor en son süslü parantezlerimizi açıyorduk,Es6+ ile hayatımıza giren Arrow function ile işlerimiz biraz daha kolaylaşıyor ve kodumuz daha okunabilir bir hal alıyor.
Klasik fonksiyonlar kullanımı
Normal fonksiyon yazarken nasıl yazdığımızı bir hatırlayalım;
1 2 3 4 5 |
const rize = function(){ console.log("Merhaba Rize"); } |
Arrow function kullanımı
Şimdi aynı örneği Arrow Function kullanarak yazalım
1 2 3 4 5 |
const rize = () =>{ console.log("Merhaba Rize"); } |
üstteki örnekte görüldüğü gibi function yazmamıza gerek yok sadece parantezi açıp ok ile süslü parantezleri kullandık iki function da aynıdır.Tek farkı daha az karakter kullandık.
Peki Parametreli Arrow fonksiyonlar ?
Eğer fonksiyonumuz tek parametre alıyor ise parantezler içine parametreyi yazıp gönderiyoruz.
1 2 3 4 5 6 7 |
const rize = (renk) => { console.log("Rize " + renk); } rize("Yeşil"); //çıktı : Rize Yeşil |
Tek işlem yaparsa ve tek fonksiyon varsa paranteze de gerek yok
1 2 3 4 5 6 7 |
const rize = renk => { console.log("Rize " + renk); } rize("Yeşil"); //çıktı : Rize Yeşil |
Eğer tek işlem yapacaksak tek satırda yazarak parantez kullanmadan yapabiliriz
1 2 3 4 5 |
const rize = renk => console.log("Rize " + renk); rize("Yeşil"); //çıktı : Rize Yeşil |
ayrıca tek satırda yapılan tek işlemlerde return kullanmaya gerek yoktur otomatik şekilde değer döndürür
Aşağıda kare kök alan bir fonsiyon yazacağız ve return kullanmayacağız ve geri değer döndürecektir
1 2 3 4 5 |
const kareAl = x => x*x; kareAl(6); //çıktı:36 |
Arrow Function konusu ile ilgili şimdilik bu kadar bil yeterli sorularınızı yorumlarda belirtirseniz elimden geldiğince cevap ermeye çalışacağım iyi çalışmalar.
Etiketler: arrow fonksiyon ~ arrow function ~ back end ~ back-end rize ~ es6 ~ fornt-end ~ javascript ~ rize web ~ rize web programlama