// Geleneksel Fonksiyon
function toplamaGeleneksel(a, b) {
  return a + b;
}
console.log(toplamaGeleneksel(5, 3)); // 8

// Arrow Fonksiyon (Açık Dönüş)
const toplamaArrowAcik = (a, b) => {
  return a + b;
};
console.log(toplamaArrowAcik(5, 3)); // 8

// Arrow Fonksiyon (Örtük Dönüş - Tek Satır)
const toplamaArrowOrtuk = (a, b) => a + b;
console.log(toplamaArrowOrtuk(5, 3)); // 8

// Tek parametre için parantezlere bile gerek yok
const kareAl = sayi => sayi * sayi;
console.log(kareAl(4)); // 16

// Parametresiz fonksiyon
const selamVer = () => "Merhaba Dünya!";
console.log(selamVer()); // Merhaba Dünya!

// Geleneksel Fonksiyon ile 'this' problemi
const ogrenciGeleneksel = {
  ad: "Ali",
  dersler: ["Matematik", "Fizik"],
  listele: function() {
    this.dersler.forEach(function(ders) {
      // Burada 'this', forEach callback fonksiyonunun kendi bağlamına işaret eder.
      // Genellikle global nesneye (window) veya undefined'a dönüşür.
      console.log(this.ad + " - " + ders); // Hata: this.ad undefined olur
    });
  }
};
// ogrenciGeleneksel.listele(); // Hata fırlatır veya "undefined - Ders" çıktısı verir

// Arrow Fonksiyon ile 'this' çözümü
const ogrenciArrow = {
  ad: "Veli",
  dersler: ["Kimya", "Biyoloji"],
  listele: function() { // 'listele' bir geleneksel fonksiyon, kendi 'this'ini oluşturur
    this.dersler.forEach(ders => {
      // Arrow fonksiyonu, tanımlandığı 'listele' fonksiyonunun 'this'ini miras alır.
      console.log(this.ad + " - " + ders); // Çıktı: Veli - Kimya, Veli - Biyoloji
    });
  }
};
ogrenciArrow.listele();

const sayilar = [1, 2, 3, 4, 5];

// map: Her elemanın karesini al
const kareler = sayilar.map(sayi => sayi * sayi);
console.log("Kareler:", kareler); // Çıktı: [1, 4, 9, 16, 25]

// filter: Sadece çift sayıları filtrele
const ciftSayilar = sayilar.filter(sayi => sayi % 2 === 0);
console.log("Çift Sayılar:", ciftSayilar); // Çıktı: [2, 4]

// reduce: Tüm sayıları topla
const toplam = sayilar.reduce((acc, current) => acc + current, 0);
console.log("Toplam:", toplam); // Çıktı: 15

// forEach: Her elemanı konsola yazdır
sayilar.forEach(sayi => console.log("Sayı:", sayi));

const buton = document.createElement('button');
buton.textContent = "Bana Tıkla";
document.body.appendChild(buton);

const mesajKutusu = {
  mesaj: "Butona tıklandı!",
  goster: function() {
    // Geleneksel fonksiyonda 'this', butona işaret eder.
    // console.log(this.mesaj); // undefined olur
    
    // Arrow fonksiyonda 'this', mesajKutusu nesnesine işaret eder.
    buton.addEventListener('click', () => {
      console.log(this.mesaj); // Çıktı: Butona tıklandı!
      alert(this.mesaj); // Tarayıcıda bir uyarı gösterir
    });
  }
};

mesajKutusu.goster();

function veriGetir(id, callback) {
  setTimeout(() => {
    console.log(`${id} ID'li veri getiriliyor...`);
    const veri = { id: id, ad: `Ürün ${id}` };
    callback(veri);
  }, 1000);
}

veriGetir(101, (urun) => {
  console.log("Getirilen Ürün:", urun);
  // Başka bir asenkron işlem
  veriGetir(102, (urun2) => {
    console.log("İkinci Ürün:", urun2);
  });
});

// Promise ile kullanım
function asyncIslem(veri) {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log("Async işlem tamamlandı:", veri);
      resolve(veri + " - işlendi");
    }, 500);
  });
}

asyncIslem("Başlangıç").then(sonuc => {
  console.log("Promise sonucu:", sonuc);
  return asyncIslem(sonuc);
}).then(ikinciSonuc => {
  console.log("İkinci Promise sonucu:", ikinciSonuc);
});

function islemYapici(sayi, islem) {
  return islem(sayi);
}

const sonuc1 = islemYapici(10, x => x * 2); // İki katını al
console.log("Sonuç 1:", sonuc1); // Çıktı: 20

const sonuc2 = islemYapici(15, x => x / 3); // Üçte birini al
console.log("Sonuç 2:", sonuc2); // Çıktı: 5

function gelenekselFonksiyon() {
  console.log("Geleneksel fonksiyon 'this':", this);
}

// Global çağrı
gelenekselFonksiyon(); // Çıktı: Window veya Global nesnesi

const myObject = {
  ad: "Test Nesnesi",
  metot: gelenekselFonksiyon
};
// Metot olarak çağrı
myObject.metot(); // Çıktı: myObject nesnesi

class MyClass {
  constructor() {
    this.deger = "Sınıf Değeri";
  }
  getDeger() {
    return this.deger;
  }
}
const instance = new MyClass();
console.log(instance.getDeger()); // Çıktı: Sınıf Değeri

const nesne = {
  deger: 42,
  metot: function() {
    console.log("Geleneksel metot 'this':", this.deger); // Çıktı: 42

    const arrowFonksiyon = () => {
      console.log("Arrow fonksiyon 'this':", this.deger); // Çıktı: 42 (metot'un 'this'ini miras alır)
    };
    arrowFonksiyon();

    setTimeout(() => {
      console.log("setTimeout içindeki arrow 'this':", this.deger); // Çıktı: 42
    }, 100);
  },
  arrowMetot: () => {
    // Bu arrow fonksiyonun 'this'i, nesne'nin kendi 'this'i değil,
    // nesnenin tanımlandığı global kapsamın 'this'idir (window/global).
    console.log("Nesne içindeki arrow metot 'this':", this.deger); // Çıktı: undefined
  }
};

nesne.metot();
nesne.arrowMetot(); // Farkı net bir şekilde gösterir.

const kullanici = {
  ad: "Ayşe",
  selamla: () => {
    console.log(`Merhaba, benim adım ${this.ad}`); // 'this.ad' undefined olur
  },
  gercekSelamla: function() {
    console.log(`Merhaba, benim adım ${this.ad}`); // Doğru çıktı: "Merhaba, benim adım Ayşe"
  }
};

kullanici.selamla();
kullanici.gercekSelamla();

const MyConstructor = (ad) => {
  this.ad = ad; // 'this' tanımlı değil
};
// const instance = new MyConstructor("Hata"); // TypeError: MyConstructor is not a constructor

function gelenekselArgumanlar() {
  console.log("Geleneksel Argümanlar:", arguments);
}
gelenekselArgumanlar(1, 2, 3); // Çıktı: Arguments { '0': 1, '1': 2, '2': 3, ... }

const arrowArgumanlar = (...args) => {
  console.log("Arrow Argümanlar (rest params):", args);
};
arrowArgumanlar(1, 2, 3); // Çıktı: [1, 2, 3]

// Arrow fonksiyonda arguments nesnesi direkt olarak kullanılamaz:
const arrowHata = () => {
    // console.log(arguments); // ReferenceError: arguments is not defined
};
// arrowHata(1,2,3);