javascript - Backbone 中的 FileReader 范围问题

Question

我无法弄清楚如何在下面的 render.onload 函数中访问 this。我知道答案可能涉及闭包，但我还不能完全理解它。

var PhotoModel = Backbone.Model.extend({

  initialize: function() {
    this.uploadPhoto();
  },

  uploadPhoto: function() {
    var file = this.get("file");
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function(event) {
      // I don't have access to "this" here...
      this.dataURL = event.target.result;
    }
  }

});

Answer 1

在该函数的范围之外创建对 this 的引用，如下所示:

var self = this; // or var that = this;
reader.onload = function() {
    // access `this` using `self`
    self.model.dataURL = event.target.result;
}