將範圍傳遞給for each

Question

我試圖在forEach中使用回調方法addToCount而不是匿名函數。但我無法訪問this.count（返回undefined）。

function Words(sentence) { 
    this.sentence = sentence; 
    this.count = {}; 
    this.countWords(); 
} 

Words.prototype = { 
    countWords: function() { 
    var words = this.sentence.split(/\W+/); 
    words.forEach(this.addToCount); 
    }, 
    addToCount: function(word) { 
    word = word.toLowerCase(); 
    if (word == '') return; 
    if (word in this.count) 
     this.count[word] += 1; 
    else 
     this.count[word] = 1; 
    } 
} 

我認爲這個問題是範圍。我怎麼能通過this至addToCount或有任何其他方式使其工作？

Answer 1

您需要使用Function#bind的範圍綁定：

words.forEach(this.addToCount.bind(this)); 

注意，這不是在所有的瀏覽器可供選擇：你應該使用一個墊片（如上面提供的鏈接），將其添加到瀏覽器不支持Function#bind。

---

由於dandavis在評論中指出，可以將價值傳遞給Array#forEach作爲回調的背景下：

words.forEach(this.addToCount, this); 

Answer 2

嘗試這樣的事情。我使用了that而不是_this，但我也移動了addToCount，因此它在countWords之內。這將countWords變成一個包含它的閉包。

Words.prototype = { 
    countWords: function() { 
    var that = this, words = this.sentence.split(/\W+/); 
    words.forEach(function(word) { 
     word = word.toLowerCase(); 
     if (word == '') return; 
     if (word in that.count) 
      that.count[word] += 1; 
     else 
      that.count[word] = 1; 
     }); 
    } 
}