在函數中賦值$ interval

Question

我很難理解如何在由$ interval調用的函數內處理值賦值。

鑑於以下代碼：

this.value = null; 
this.setSelection = function() { 
    this.value = Math.floor(Math.random()*11); 
}; 
this.isSelected = function(item) { 
    if(this.value === item) { 
     return "selected"; 
    } 
}; 

如果我打電話以這種方式$interval(this.setSelection, 2000);函數被稱爲所定義的間隔中的爲setSelection，但是所分配的值的範圍似乎是，使得實際this.value沒有改變，當摘要調用isSelected時，值仍然是null。

但是，如果我直接調用該函數（如不正確的形式）$interval(this.setSelection(), 2000);值正確更新並且摘要運行isSelected它會識別新值。很明顯，由於$interval預計會有函數參考，因此間隔不會再次運行。

我也試過在匿名函數中包裝函數調用，但是這導致了一個錯誤，指出函數未定義。

所以我的問題是，爲什麼當我的函數被$ interval正確調用，我得到這個意外的結果？

Answer 1

this取決於上下文。當致電$interval(this.setSelection, 2000)時，您將丟失this的上下文。該方法只是作爲一個函數被調用。當正在執行this.value = ...時，this與您所期望的完全不同（可能是包含的函數）。來解決這個

的一種方法是一個簡單的解決方法：

this.value = null; 
var self = this; 
this.setSelection = function() { 
    self.value = Math.floor(Math.random()*11); 
}; 

另一種解決方案是將功能結合this：

$interval(this.setSelection.bind(this), 2000)