Javascript arrow function nasıl kullanılır ?

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.

Ek İngilizce Kaynaklar

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top