javascript - 将 this 关键字与 javascript 原型(prototype) addEventListener 一起使用

Question

我想在事件监听函数中使用这个关键字。

var MyViewModel = function (file) {
    this.status = "";

    this.xm = new XMLHttpRequest();    
    this.xm.addEventListener("load", this.onLoad, false);
};

MyViewModel.prototype.onLoad = function (e) {
    this.status = "ok";
};

我无法在 onLoad 原型(prototype)中使用 this 关键字访问 MyViewModel 对象。

• 此对象是窗口。
• e参数是XmlHttpRequest

我如何访问它？

Answer 1

你可以用jQuery.proxy解决这个问题

这是指定函数范围。

var MyViewModel = function (file) {
    this.status = "";

    this.xm = new XMLHttpRequest();    
    this.xm.addEventListener("load",  $.proxy(this.onLoad, this), false);
};

MyViewModel.prototype.onLoad = function (e) {
    this.status = "ok";
};

现在您可以将此关键字用作 MyViewModel。