Javascript：如何保留对处理程序中的请求发起者的引用？

Question

我不是一个Javascript人正常的，但我一直在潜水，阅读Douglas Crockford's book，写一些琐碎的，有用的花絮作为Chrome扩展和Node.js（注意，这个问题是不是其中任何）。我试图找出如何保留一个对象的引用来启动一个AJAX请求，也就是说：一旦我设置了onload事件处理程序（这是来自Chrome扩展中，所以我'中号使用基XMLHttpRequest对象），是否有任何方式，我可以返回参考MyObject在下面的例子：

MyObject.prototype = { 
    PerformAction: function() { 
     this.Request = new XMLHttpRequest(); 
     this.Request.open("GET", this.ConstructUrl(), true); 
     // From within ActionResultHandler, 'this' will always be the XMLHttpRequest 
     this.Request.onload = this.ActionResultHandler, 
     this.Request.send(null); 
    } 
} 

这样做究竟是要分配this成为请求对象本身，如果我简单地引进的包装：

this.Request.onload = function() { ActionResultHandler() }; 

那么，那只是不会做什么，因为ActionResultHandler现在超出了范围。我在这里问的原因是因为我只发现了调用者操纵的微不足道的情况（例如，在函数内部操纵this引用的内容），但鉴于面向对象的Javascript和AJAX几乎无处不在，必须是一个已知的简单问题，但我的Google-fu在这里让我失望。在C＃中，事件是在任何依附于它们的人的情况下调用的，而不是事件发生的对象，所以这不会每天都出现。也许有更好的JS模式可以完全避免这个问题？

Answer 1

我不太清楚你想要引用哪个变量。这里是你将如何在你的onload处理保留MyObject参考：

MyObject.prototype = { 
    PerformAction: function() { 
     var MyObjectRef = MyObject, 
      ActionResultHandler = this.ActionResultHandler; 

     this.Request = new XMLHttpRequest(); 
     this.Request.open("GET", this.ConstructUrl(), true); 
     // From within ActionResultHandler, 'this' will always be the XMLHttpRequest 
     this.Request.onload = function() { 
       ActionResultHandler.apply(MyObjectRef, arguments); 
      }; 
     this.Request.send(null); 
    } 
} 

编辑

好吧，我又重读你的问题，它似乎要在为MyObject的上下文中执行ActionResultHandler，所以我调整了我的代码来做到这一点。

Answer 2

您是否尝试过...

this.Request.onload = this.ActionResultHandler.apply(this); 

我想这就是你要找的内容（抱歉，如果它不是）。使用.apply(this)将指向ActionResultHandler至Object。

检查出this article绑定，而你在它！它帮了我很多。