Передача области для каждого

Я пытаюсь использовать метод обратного вызова addToCount вместо анонимной функции в forEach. Но я не могу получить доступ к 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 или есть ли другой способ заставить его работать?

Ответ 1

Вам нужно использовать Function#bind для привязки области:

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

Обратите внимание, что это не доступно во всех браузерах: вы должны использовать прокладку (как указано в ссылке выше), чтобы добавить ее в браузеры, которые не поддерживают Function#bind.

Как указывает дандавис в комментариях, вы можете передать значение Array#forEach в качестве контекста для обратного вызова:

words.forEach(this.addToCount, this);

Ответ 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;
      });
  }
}