Ok fonksiyonları

Ok fonksiyonlarının tekrardan üzerinden geçelim.

Ok fonksiyonları sadece basit şeylerin kolayca yazılması için kullanılmaz.

JavaScript’te bir sürü başka yerde çalıştırılması gereken kolayca yazılacak fonksiyonlara ihtiyacımız olabilir,

Örneğin:

• arr.forEach(func) – her bir forEach döngüsünde func çalıştırılır.
• setTimeout(func) – Varolan planlayıcı tarafında func çalıştırılır.
• … vs.

Bir fonksiyon yaratıp bunu başka bir yerlere iletmek JavaScript’in ruhuna tam da uyan bir işlemdir. Böyle fonksiyonlarda var olan kaynağın ( context) kaybolması istenmez.

Ok fonksiyonlarının “this”'i yoktur.

Daha önceki bölümden de Objelerin metodları ve "this" kelimesi. hatırlayacağınız üzere, ok fonksiyonlarının this’i olmaz. EÄŸer this eriÅŸilmiÅŸ ise bu dışarıdaki this’dir.

Örneğin bunu objenin içerisinde dönme amaçlı kullanabiliriz:

let group = {
  title: "Our Group",
  students: ["John", "Pete", "Alice"],

  showList() {
    this.students.forEach(
      student => alert(this.title + ': ' + student)
    );
  }
};

group.showList();

Buradaki forEach’te ok fonksiyonu kullanılmıştır, ve this.title tam olarak dışarıdaki showList metodu ile aynı içeriÄŸe sahiptir. Yani group.title’dır.

Eğer bunu “normal” bir fonksiyon ile yazsaydık, hata alırdık:

let group = {
  title: "Our Group",
  students: ["John", "Pete", "Alice"],

  showList() {
    this.students.forEach(function(student) {
      // Hata: 'title' özelliği tanımsız.
      alert(this.title + ': ' + student)
    });
  }
};

group.showList();

Hatanın sebebi forEach çalışırken this=undefined varsayılan olarak çalışır, bundan dolayı undefined.title çaÄŸrısı yapılır.

Bu ok fonksiyonlarında iÅŸlemez çünkü ok fonksiyonlarında this bulunmamaktadır.

Ok fonksiyonlarının “argümanları” olmaz.

Ok fonksiyonlarının argüman deÄŸiÅŸkenleri olmaz.

Var olan this ve argümanlar ile çaÄŸrıyı yönelendirmek istediÄŸimizde ( dekoratör ) çok yararlı olur.

ÖrneÄŸin defer(f, ms) fonksiyonu bir fonksiyon alıyor ve çaÄŸrıyı ms kadar geciktiren bir saklayıcı ile dönderiyor:

function defer(f, ms) {
  return function() {
    setTimeout(() => f.apply(this, arguments), ms)
  };
}

function sayHi(who) {
  alert('Hello, ' + who);
}

let sayHiDeferred = defer(sayHi, 2000);
sayHiDeferred("John"); // Hello, John 2 sn sonra.

Aynısı ok fonksiyonu olmadan aşağıdaki gibi görünür:

function defer(f, ms) {
  return function(...args) {
    let ctx = this;
    setTimeout(function() {
      return f.apply(ctx, args);
    }, ms);
  };
}

Burada ayrıca args ve ctx deÄŸiÅŸkenlerinin yaratılması gerekir. Böylece setTimeout içerisindeki fonksiyon bunları alabilir.

Özet

Ok fonksiyonları:

• this yok.
• argüman yok
• new ile çağırılamaz.
• super yok. Bunu henüz iÅŸlemedik, ilerleyen Sınıf kalıtımı, super bölümünde inceleyeceÄŸiz.

Bunların nedeni kısa ve kendi “kaynağı” olmayan ve dış kaynağı kullanacak fonksiyonlar yaratılmak istenmesindendir. Bu noktada gerçekten beklendiği gibi bir etki yapmatadır.