JavaScript Fonksiyonları: function Deklarasyonu vs Arrow Functions

1. Yazım (Syntax) Farklılıkları​

function selamla(isim) {
return "Merhaba " + isim;
}

const selamla = (isim) => {
return Merhaba ${isim};
};

// Eğer tek bir işlem yapılıyorsa parantezlere ve 'return'e bile gerek yok!
const selamlaKısa = isim => Merhaba ${isim};

İpucu: Arrow function kullanırken tek bir parametre varsa parantezleri () kaldırabilir, tek bir satır dönecekseniz süslü parantezleri {} ve return kelimesini silebilirsiniz.

Genişletmek için tıkla ...

2. En Kritik Fark: "this" Bağlamı (Context)​

• 
  []Klasik Fonksiyonlar: Kendi this bağlamına sahiptirler. Fonksiyonun nasıl çağrıldığına bağlı olarak this değişebilir. Özellikle olay izleyicilerinde (event listeners) veya nesne metotlarında kafa karışıklığı yaratabilir.
  []Arrow Functions: Kendi this bağlamları yoktur. Bunun yerine, tanımlandıkları kapsamdaki (lexical scope) this değerini miras alırlar.

const user = {
name: "Gemini",
friends: ["Ali", "Ayşe"],

listFriends: function() {
    // Klasik fonksiyonda 'this', 'user' nesnesini gösterir.
    this.friends.forEach(function(friend) {
        // BURADA HATA OLABİLİR! 
        // Bu iç fonksiyonun kendi 'this'i vardır ve artık 'user'ı tanımaz.
        console.log(this.name + " arkadaşı: " + friend); 
    });
},

listFriendsNew: function() {
    // Arrow function, dışarıdaki (user) 'this'i miras alır.
    this.friends.forEach((friend) => {
        console.log(`${this.name} arkadaşı: ${friend}`); // Sorunsuz çalışır!
    });
}

};

3. Hoisting (Yukarı Çekme)​

• 
  []Function Declaration: JavaScript motoru tarafından en tepeye taşınır. Yani fonksiyonu kodun altında tanımlayıp, üstünde çağırabilirsiniz.
  []Arrow Functions: Bir değişkene atanmış oldukları için (const/let), tanımlanmadan önce çağrılamazlar.

sayHello(); // Çalışır!

function sayHello() {
console.log("Merhaba!");
}

sayHi(); // HATA! (ReferenceError)

const sayHi = () => console.log("Selam!");

4. "arguments" Nesnesi ve Constructor Yapısı​

• 
  []arguments: Klasik fonksiyonlarda, fonksiyon içine gönderilen tüm argümanları içeren arguments adında gizli bir dizi benzeri nesne vardır. Arrow functions içinde bu nesne bulunmaz (bunun yerine Rest Parameters kullanılır).
  []new Anahtar Kelimesi: Klasik fonksiyonlar "constructor" (yapıcı) olarak kullanılabilirken (new MyFunc()), Arrow functions kullanılamaz.

Hangisini, Ne Zaman Kullanmalıyım?​