Сохранение «этой» внутренней функции обратного вызова

Question

Я не уверен, что этот вопрос специфичен для Backbone.js. У меня есть модель со следующей визуализацией функции:

render: function() { 
    var self = this; 
    this.$el.empty(); 
    this.model.fetch({ 
     success: function() { 
      self.$el.append(self.template(self.model.attributes));  
     } 
    }); 

    return this; 
} 

Как вы можете видеть, внутри функции обратного вызова success, я использую переменную self. Это связано с тем, что внутри обратного вызова this установлено на window, когда я хочу, чтобы он был установлен в представление. Есть ли способ сохранить исходную ссылку this, не сохраняя ее в другой переменной?

Answer 1

Есть ли способ я могу сохранить первоначальную ссылку на это без сохранения в другой переменной?

Да, это разумный вариант использования для proxy method

this.model.fetch({ 
    success: $.proxy(function() { 
     this.$el.append(this.template(this.model.attributes));  
    }, this) 
}); 

---

В качестве альтернативы вы можете использовать bind метод Underscore в:

this.model.fetch({ 
    success: _.bind(function() { 
     this.$el.append(this.template(this.model.attributes));  
    }, this) 
}); 

Answer 2

Используйте функцию Function.prototype.bind, чтобы связать ваш объект с переменной this внутри функции.

render: function() { 
    this.$el.empty(); 
    var successFunc = function() { 
       this.$el.append(this.template(this.model.attributes));  
    }; 

    this.model.fetch({ 
     success: successFunc.bind(this) 
     } 
    }); 

    return this; 
}