代码之家 › 专栏 › 技术社区 › Marc Bollinger

Javascript:如何在处理程序中保留对请求发起程序的引用?

design-patterns ajax javascript

Marc Bollinger · 技术社区 · 14 年前

我通常不是一个喜欢Javascript的人,但我一直在潜入,阅读 Douglas Crockford's book ,并编写一些琐碎、有用的小道消息作为Chrome扩展和 Node.js (请注意,这个问题与他们两个都无关)。

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现在超出范围。我在这里问这个问题的原因是因为我只发现了一些琐碎的调用者操纵案例(例如操纵什么 这 是指从函数内部),但考虑到面向对象的Javascript和AJAX无处不在,这必须是一个已知的、简单的问题,但我的googlefu在这里让我失望了。在C#中,事件是在连接到事件的人的上下文中调用的,而不是在触发事件的对象的上下文中调用的,因此这不会每天出现。也许有一个更好的JS模式可以完全避免这个问题?

2 回复 | 直到 14 年前

lawnsea 14 年前

我不太清楚你想引用哪个变量。以下是如何保留对 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,所以我调整了代码来实现这一点。

bschaeffer 14 年前

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

我想这就是你想要的(如果不是的话,很抱歉)。使用 .apply(this) ActionResultHandler Object .

退房 this article

推荐文章

TryingToLearn · 我如何为通用遥控器构造一个类,该遥控器向连接到它的各种设备发送开/关命令?

2 年前

Vedant · 如何解决python啦啦队长问题?[已关闭]

2 年前

Amitai Gottlieb · 如果一个goroutine paincs,Golang为什么要终止整个过程?

2 年前

cobby · 在战略模式中使用工厂模式?

2 年前

Mateusz Gebroski · 观察者设计模式——与现实世界的后端案例抗争

2 年前

Nobody · Java中带while循环的三角形模式

2 年前

Craig Broadman · 寻找一种设计模式,用于管理需要更新多个数据源中数据的操作

6 年前

Eduard Stefanescu · 如何在层之间传输异常?

6 年前

D. Schreier Talha Noyon · 对于目录中的每个类

6 年前

Tanvi Jaywant · 如何重载类

6 年前