Arrow ile this

Ok fonksiyonunda this bağlamını öğrenirsin.

Arrow ile this

Ok fonksiyonlarının kendi this'i yoktur. this, çevreleyen kapsamdan (sözcüksel bağlama) alınır. Düz fonksiyonlarda this çağrı yerine göre belirlenir.

const nesne = {
  ad: "Ali",
  goster: function(): string {
    const ok = (): string => this.ad;  // this = nesne
    return ok();
  }
};
nesne.goster();  // "Ali"

Ok fonksiyonu, this'i içinde bulunduğu kapsamdan miras alır.

Callback'lerde ok fonksiyonu

Bir metodun içindeki iç içe callback'lerde düz fonksiyon kullanırsan this kaybolur. Ok fonksiyonu ise metodun this'ini korur, bu yüzden callback'lerde ok fonksiyonu tercih edilir.

const nesne = {
  ad: "Ali",
  goster: function(): void {
    [1].forEach(() => console.log(this.ad));
  }
};

Ok fonksiyonu callback içinde this'i kaybetmez.

Uygulama Ok fonksiyonu ile this kullan

nesne adında bir nesne tanımla; ad özelliği "Ali" olsun. goster metodu düz fonksiyon olsun ve içinde bir ok fonksiyonu this.ad döndürsün. nesne.goster() çağrısının sonucunu console.log ile yazdır.

Örnek çözümü göster

const nesne = {
    ad: "Ali",
    goster: function(): string {
        const ok = (): string => this.ad;
        return ok();
    }
};
console.log(nesne.goster());

Kendini test et

Bir ok fonksiyonunda <code>this</code> nasıl belirlenir?
- Çağrı yerine göre belirlenir
- Çevreleyen kapsamdan alınır
- Her zaman global nesne olur
- Her zaman undefined olur
Cevabı göster

Çevreleyen kapsamdan alınır — Ok fonksiyonu kendi <code>this</code>'ini yaratmaz; çevreleyen kapsamın <code>this</code>'ini sözcüksel olarak alır. Düz fonksiyonlarda ise <code>this</code> çağrı yerine göre değişir.

Ok fonksiyonunda this özelliği

const nesne = {
  ad: "Ali",
  goster: function(): string {
    const ok = (): string => this.____;
    return ok();
  }
};

Cevabı göster

const nesne = {
  ad: "Ali",
  goster: function(): string {
    const ok = (): string => this.ad;
    return ok();
  }
};

this bağlama kavramları

Arrow function this

Sözcüksel kapsamdan alınır
Regular function this

Çağrı yerine göre belirlenir
Lexical scope

Çevreleyen kapsamın this'i
this binding

Ok fonksiyonunda sözcüksel

Sıradaki ders: Arrow type

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler