Klasik fonksiyon syntaxi
Javascript arrow function özelliği ES6 ile gelen tek satırda fonksiyon yazmanızı sağlayan javascript özelliğidir.
Normalde javascriptte fonksiyon yazmak için aşağıdaki kullanımı faydalanırız.
function topla (a,b) => {
return a + b;
}Arrow function kullanımı
Arrow function kullanmak için ise basitçe aşağıdaki kullanımdan faydalanabiliriz.
let topla = (a,b) => a + b;
const ikiyleCarp = x => x * 2;
let selamla = () => console.log("Selam");Arrow fonksiyon tanımlarken javascriptteki değişken tanımlama kelimelerini kullanmalısınız. Arrow functionlar bir değişken gibi tanımlanır.
Değişken tanımlaması yaptıktan sonra parantez içinde parametreleri girebilirsiniz. Ardından eşittir ve büyük(=>) koyarak ileri ok koymalısınız. Eğer aynı satırda kodu yazarsanız otomatik olarak return edecektir.
Eğer tek satırdan fazla kod yazmak istiyorsanız köşeli parantez kullanmalısınız. Örnek
let hataKontrol = hata => {
if(hata){
return true;
}
else {
return false;
}
}Arrow Functionlar ile ilgili bilinmesi gerekenler
- Function kelimesi ile değil let veya const ile tanımlanır
- Eğer tek parametreniz varsa parantez kullanmanız gerekmiyor fakat diğer koşullarda …= (a,b) => … tarzında parametleri parantez içine almalısınız
- Arrow function aynı satırda yazılan kodu döndürür
- Birden fazla satır kullanmak için köşeli parantez kullanmalısınız ve return‘ü de kullanmalısınız.
- Arrow function .this içermez buna dikkat edin.
