我應該如何通過函數來​​綁定它？

Question

我已經喜歡下面的代碼東西：

function foo(){ 
    $('div').each(function(){ 
    //here $(this) refers to selected div 
    }); 
}); 

現在，當我的setInterval調用foo的$(this)不會提及每一個（）方法的DIV：

setInterval(function(){ 
    foo(); 
},5000); 

我試着用bind（）的：

setInterval(function(){ 
    foo(); 
}.bind(this),5000); //or bind(document.querySelectorAll('div')) 

我錯誤地指的是DIV $(this)真的。我該怎麼辦？

---

下面是我越來越不確定的證明：

Answer 1

假設你想要的each回調中的代碼可以訪問任何值this具有當打電話時，你的代碼有兩個問題。

首先是你不是bind ing foo本身。該代碼

setInterval(function(){ 
    foo(); 
}.bind(this),5000); 

成功綁定this匿名函數function() { foo(); }。這個匿名函數然後直接調用foo，該函數在非嚴格模式下將this設置爲全局對象window或global的調用，如同任何直接函數調用一樣。

您需要在匿名函數的this明確地傳遞給foo調用匿名函數內部與call或apply：

setInterval(function(){ 
    foo.call(this); 
}.bind(this),5000); 

現在foo有權this，你需要做的是this價值訪問裏面的each回調。爲此，您可以諮詢How to access the correct `this` context inside a callback?，它會指示您將外部this存儲在另一個變量中。您只需存儲this另一個變量中，並使用該變量，而不是this內回調中：

function foo() { 
    var outer_this_from_foo = this; 

    $('.rsContent').each(function(){ 
    //here $(this) refers to selected div 
    //but outer_this_from_foo refers to the `this` value just outside this callback 

    var fI = $('>.img-responsive', outer_this_from_foo); 
    // instead of $('>.img-responsive', this) 

    }); 
};