Bir ok işlevinde 'bunu' bağlayabilir misin?

Bir süredir ES6 ile deneyler yapıyorum ve küçük bir problemle karşılaştım.

Ok işlevlerini kullanmayı gerçekten seviyorum ve ne zaman yapabilsem onları kullanıyorum.

Ancak, onları bağlayamayacağınız anlaşılıyor!

İşte işlev:

var f = () => console.log(this);

İşte işlevi bağlamak istediğim nesne:

var o = {'a': 42};

Ve burada ben bağlamak nasıl olduğunu fiçin o:

var fBound = f.bind(o);

Ve sonra arayabilirim fBound:

fBound();

Bunu ( onesne) çıkaracak :

{'a': 42}

Güzel! Güzel! İşe yaramaması dışında. oNesnenin çıktısını almak yerine, nesneyi çıkarır window.

Öyleyse bilmek istiyorum: ok işlevlerini bağlayabilir misiniz? (Ve eğer öyleyse, nasıl?)

Yukarıdaki kodu Google Chrome 48 ve Firefox 43'te test ettim ve sonuç aynı.

Bir ok işlevinde yeniden bağlanamazsınız this. Her zaman tanımlandığı bağlam olarak tanımlanacaktır. Eğer gerekiyorsa thisanlamlı olması için normal bir işlevi kullanmalısınız.

Gönderen ECMAScript 2015 Spec :

Bir ArrowFunction içindeki argümanlara, super, this veya new.target'e yapılan herhangi bir referans, sözcüksel olarak çevreleyen bir ortamda bir bağlamaya çözümlenmelidir. Tipik olarak bu, hemen çevreleyen bir işlevin İşlev Ortamı olacaktır.

Tam olması için, olabilir yeniden bağlamak fonksiyonları ok, sadece anlamını değiştiremezsiniz this.

bind hala fonksiyon argümanları için bir değere sahiptir:

((a, b, c) => {
  console.info(a, b, c) // 1, 2, 3
}).bind(undefined, 1, 2, 3)()

Burada deneyin: http://jsbin.com/motihanopi/edit?js,console

Gönderen MDN'yi :

Bir ok işlevi ifadesi, işlev ifadelerine kıyasla daha kısa bir sözdizimine sahiptir ve bu değeri sözcüksel olarak bağlar (kendi this, arguments, super veya new.target değerlerini bağlamaz). Ok işlevleri her zaman anonimdir.

Bu, istediğiniz thisgibi bir değeri bağlayamayacağınız anlamına gelir .

Yıllar boyunca js geliştiricileri bağlam bağlama ile mücadele thisettiler, javascript'te neden değiştiğini sordular , bağlam bağlama ve thisjavascript ile thisdiğer OOP dillerinin çoğundaki anlamı arasındaki fark nedeniyle yıllar içinde bu kadar çok kafa karışıklığı yaşadılar.

Bütün bunlar beni neden, neden, neden diye sormaya yönlendiriyor! neden bir ok işlevini yeniden başlatmayasınız! Özel olarak oluşturulan nerede olanlar bu sorunları ve karışıklıkları ve kullanmak zorunda kalmamak tüm çözmek bindya callveya başka türlü yolu fonksiyonunun kapsamını korumak için.

TL; DR

Hayır, ok işlevlerini yeniden bağlayamazsınız.

Bir ok işlevinin içindeki binddeğeri değiştirmek için kullanamazsınız this. Bununla birlikte, eski ok işleviyle aynı şeyi yapan yeni bir normal işlev oluşturabilir ve ardından her zamanki gibi yeniden bağlamak için callveya düğmesini kullanabilirsiniz .bindthis

Biz kullanmak evalnormal bir fonksiyonu olarak geçmek ok fonksiyonunu yeniden burada çağrıyı sonra kullanmak callfarklı bir ile çağırmak için this:

var obj = {value: 10};
function arrowBind(context, fn) {
  let arrowFn;
  (function() {
    arrowFn = eval(fn.toString());
    arrowFn();
  }).call(context);
}
arrowBind(obj, () => {console.log(this)});

ES6 Ok İşlevleri "Bunu" JavaScript'te Gerçekten Çözüyor mu?

Yukarıdaki bağlantı, ok işlevlerinin işlevlerle thisdeğişmediğini açıklamaktadır bind, call, apply.

Çok güzel bir örnekle anlatılıyor.

node v4"beklenen" davranışı görmek için bunu çalıştırın ,

this.test = "attached to the module";
var foo = { test: "attached to an object" };
foo.method = function(name, cb){ 
    // bind the value of "this" on the method 
    // to try and force it to be what you want 
    this[name] = cb.bind(this); };
foo.method("bar", () => { console.log(this.test); });
foo.bar(); 

Aynı soruyu birkaç gün önce sordum.

Zaten bağlandığı için bir değeri bağlayamazsınız this.

Bu kapsamı ES6 => işlev operatörüne farklı bağlama

Kısa, Sen CAN NOT bağlama fonksiyonlarını ok ama okumaya:

Aşağıda thiskonsolda yazan şu ok işlevine sahip olduğunuzu hayal edin :

const myFunc = ()=> console.log(this);

Dolayısıyla, bunun için hızlı düzeltme normal işlevi kullanmak olacaktır, bu nedenle şu şekilde değiştirin:

function myFunc() {console.log(this)};

Daha sonra bindveya callveya kullanarak herhangi bir sözlü ortama bağlayabilirsiniz apply:

const bindedFunc = myFunc.bind(this);

ve durumunda arayın bind.

bindedFunc();

Bunu eval()yapmak için kullanmanın da kesinlikle önerilmeyen yolları vardır .

Belki bu örnek size yardımcı olur:

let bob = {
   _name: "Bob",
   _friends: ["stackoverflow"],
   printFriends:(x)=> {
      x._friends.forEach((f)=> {
         console.log(x._name + " knows " + f);
      });
   }
}

bob.printFriends = (bob.printFriends).bind(null,bob);
bob.printFriends();