işlev çağırma örüntüsü tanımlama kuralları JavaScript

Question

İşte "Javascript - The Good Parts" adlı çalışma örneğidir.

function add(x, y){ return x + y}; 

var myObject = { 
    value: 0, 
    increment: function (inc) { 
     this.value += typeof inc === 'number' ? inc : 1; 
    } 
}; 

myObject.increment(2); 
document.writeln(myObject.value); 

myObject.double = function () { 
    var that = this; // Workaround. 

    var helper = function () { 
     that.value = add(that.value, that.value) 
    }; 

    helper(); // Invoke helper as a function. 
}; 

myObject.double(); 
document.writeln(myObject.value); // 4 

İşlev çağırma deseni için, 'bu' nesnesi genel referansa sahip olacaktır. Ama ben tam anlayamıyorum altında-luk söz Geçici çözümün: -

var that = this; // Workaround. 

Bunu yaparsak, biz sadece 'o' 'this' referansı kopyalama değildir? yani 'bu' küresel kapsamı 'bu' ile aynı tutacak mı? Bu nasıl dahili olarak çalışır?

Answer 1

Burada iki işlev yer almaktadır: biri myObject.double, diğeri helper. myObject.double()'u aradığınızda, bu myObject anlamına gelir. Yani that === myObject. Daha sonra, bu işlevin içinde, ayrıca helper()'u da arayın ve bu kapsamda this === the global object'a sahipsiniz.

Answer 2

Burada aynı değil, thismyObject böylece sahip olduğu doğru value özelliği alıyoruz atıfta this bunu yapıyor gibi referansı tutmak istiyorum neden olan ... window bakın olur. You can test it out here, helper işlevindeki birkaç uyarı, oldukça iyi olup bitenleri gösterir.

alternatif .call() veya .apply() doğru içeriğiyle fonksiyonu olacaktır, bu yüzden this böyle ... İstediğiniz myObject örneğine başvurmak için devam eder:

myObject.double = function() { 
    var helper = function() { 
     this.value = add(this.value, this.value) 
    }; 
    helper.call(this); // Invoke helper as a function. 
}; 

You can test that version here.