JavaScript Arrow Fonksiyonu Nedir? Nasıl Kullanılır?

EcmaScript 6 ile birlikte JavaScript arrow fonksiyonu da kullanımımıza sunuldu. Arrow fonksiyonu ile kodlarımızı daha kısa bir şekilde yazabiliyoruz. 

Şimdi arrow fonksiyonunun kullanımını örnekler üzerinden daha iyi anlamaya çalışalım. İlk olarak standart olarak bir fonksiyon yazalım. Daha sonra ise aynı fonksiyonu arrow fonksiyonu şeklinde yazalım. 

 Çıktısı :  12

 Arrow Fonksiyon Kullanımı 

 Çıktısı :  12

Gördüğünüz gibi yukarıdaki iki örnekte de aynı çıktıyı elde ediyoruz.

Eğer fonksiyon geriye sadece bir değer döndürüyorsa süslü parantezleri ve return anahtar kelimesini kaldırıp kodumuzu daha da kısaltabiliriz. 

 Çıktısı :  12

Eğer parametre alan bir fonksiyon yazıyorsanız parametreleri aşağıdaki gibi parantezler içerisine yazmalısınız.

 Çıktısı :  19

Eğer sadece bir parametre alan fonksiyonunuz varsa parantezleri de yazmayabilirsiniz.

 Çıktısı :  16

Tarayıcı Desteği

JavaScript arrow fonksiyonu için tam desteğe sahip ilk tarayıcı sürümlerini şunlardır:

  • Chrome 45
  • Edge 12
  • Firefox 22
  • Safari 10
  • Opera 32

Umarım sizin için faydalı bir yazı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Fonksiyonlar – Fonksiyon Tanımlama ve Kullanımı

Yeni bir yazımda görüşmek üzere.

Yorum Yazın

650+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.