JavaScript’te arrow functionların kullanımı hakkında temel bilgiler nedir?

JavaScript'te Arrow Function'ların Kullanımı

Arrow function, JavaScript'te fonksiyon tanımlamanın kısa ve modern bir yoludur. Özellikle okunabilirliği artırması ve `this` bağlamını daha iyi yönetmesi nedeniyle tercih edilir.

Temel Özellikler

  • Kısa Syntax: Daha az kod ile fonksiyon tanımlama imkanı sunar.
  • Bağlam Yönetimi: `this` anahtar kelimesi üst bağlamı referans alır, kendi bağlamını oluşturmaz.
  • Implicit Return: Tek bir ifade varsa, süslü parantez kullanmadan doğrudan sonucu dönebilir.

Yazım Biçimi

  • Normal bir fonksiyon:
  • function fonksiyonAdı(parametre) { return değer; }
  • Arrow function ile aynı işlev:
  • (parametre) => değer
  • Tek parametre için parantez isteğe bağlıdır:
  • parametre => değer
  • Fonksiyon gövdesi birden fazla ifade içeriyorsa, süslü parantez ve `return` gereklidir:
  • (parametre) => { // ifadeler; return değer; }

Kullanım Örneği

  • Bir sayının karesini hesaplama:
  • const kare = x => x * x;
  • Array üzerinde map kullanarak karelerini almak:
  • const sayılar = [1, 2, 3];
    const kareler = sayılar.map(kare);

Dikkat Edilmesi Gerekenler

  • Constructor Olarak Kullanım: Arrow function'lar `new` ile kullanılmaz.
  • Funksiyon Olarak Kullanım: `this` değeri, normal fonksiyonlardaki gibi değişkenlik göstermez.
Sonuç olarak, arrow function'lar kod yazımını daha sade ve etkili hale getirirken, bağlam yönetimini kolaylaştırır.


🐞

Hata bildir

Paylaş