獲取回調

Question

合適的對象我有目標對象

function Foo() { 
    this.someVar = 'some var'; 
}; 

Foo.prototype.callback() { 
    console.log(this); 
}; 

和對象，將調用這個回調

function Bar(callback) { 
    this.callback = callback; 
}; 

Bar.prototype.onSomeAction = function() { 
    this.callback(); 
}; 

和初始代碼

foo = new Foo(); 
bar = new Bar(); 

bar.callback = foo.callback; 
bar.onSomeAction(); 

結果：我已經記錄到控制檯Bar（）的上下文而不是Foo（）。 如何獲得Foo（）回調中的Foo（）的上下文？

PS：我試圖關閉

Foo.prototype.callback() { 

    var foo = this; 
    return function(foo) { 
     console.log(foo); 
    }; 
}; 

但不起任何作用。我還沒有完全理解:(封的

Answer 1

bar.callback = foo.callback.bind(foo); 

可以填充工具Function.prototype.bind()如果必要的話：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind#Compatibility

Answer 2

嘗試使用這些變化：

1. 使用call設置背景：

   bar.onSomeAction.call(foo); 
   

2. 而且我覺得你的callback功能需要改變，以：

   Foo.prototype.callback=function() {  
       console.log(this);  
   }; 
   

Answer 3

的原因，您原來的代碼不工作是，this方法調用內部的價值是它被稱爲對對象的值。這意味着，當你說：

bar.callback = foo.callback; 

然後調用：

bar.callback(); 

這裏定義的代碼：

Foo.prototype.callback = function() { 
    console.log(this); 
}; 

被稱爲與this其事bar一個參考，因爲bar是方法調用的.的左側。所以，無論何時將一個函數指定爲對象屬性，在該對象上調用該函數都會將其作爲對象調用this。

你還可以這樣寫：

function callback() { 
    console.log(this); 
} 
bar.callback = callback; 
bar.callback(); 

而且你會發現，this仍然引用bar。實際上，如果您調用上面定義的普通函數callback();，則會發現this是對全局對象的引用，通常是網頁瀏覽器中的window。這是因爲所有的全局變量和函數的window性質，所以callback();是隱含window.callback();

說的this的價值取決於什麼對象調用函數繞過回調時可能會出現問題的事實，因爲有時你想this來引用該函數是一個屬性的原始對象。綁定方法是設計來解決這個問題，和Yuri Sulyma給出了正確的答案：

bar.callback = foo.callback.bind(foo); 

但是，你會做到這一點使用閉包的方式是調用正確的匿名函數中捕獲的Foo實例方法正確的對象：

foo = new Foo(); 
bar = new Bar(); 

bar.callback = function() { 
    foo.callback(); 
}; 
bar.onSomeAction(); 

這基本上是什麼綁定。事實上，我們所說的用一個封閉寫我們自己綁定的幼稚版本：

Function.prototype.bind = function (obj) { 
    var fn = this; 
    return function() { 
    fn.call(obj); 
    }; 
}; 

call讓我們調用一個函數明確定義的this值。這允許您在「設置上下文」中調用該功能，以便當您致電bar.callback()時調用obj.fn()。因爲當我們呼叫foo.callback.bind(foo);時，obj是foo而fn是foo.callback，結果是呼叫bar.callback()變得與呼叫foo.callback()相同。

這就是Dalorzo的答案來自何處。他使用call來顯式設置上下文。

還有另一個函數用於設置名爲apply的上下文，該函數還將表示函數參數的數組作爲第二個參數。這使我們能夠利用特殊的arguments變量編寫更完整版本的綁定：

Function.prototype.bind = function (obj) { 
    var fn = this; 
    return function() { 
    fn.apply(obj, arguments); 
    }; 
};