在ajax回调函数中引用外部对象

在ajax回调函数中引用外部对象

一个简化的例子:

// Let's create a new object
function MyObject() {
    //
}

// Add some method to this object
MyObject.prototype.myFunctionA = function() {
    //
}

// Another method
MyObject.prototype.myFunctionB = function(arg) {
    // AJAX GET request
    $.get('script.php', { par : arg }, function(data) {

        // and here in the callback function
        // I need to call MyObject.prototype.myFunctionA method!
        // but "this" references callback function so
        // I don't know how to access MyObject here

    });
}

我已经在评论中解释了我的问题。我怎样才能做到这一点?

最佳答案

最简单:

// Let's create a new object
function MyObject() {
    //
}

// Add some method to this object
MyObject.prototype.myFunctionA = function() {
    //
}

// Another method
MyObject.prototype.myFunctionB = function(arg) {
    // AJAX GET request
    var me = this;
    $.get('script.php', { par : arg }, function(data) {
        // use me.something instead of this.something
    });
}

可重用(使用范围陷阱):
function createDelegate(obj, handler)
{
    return function() {
        handler.apply(obj, arguments);
    }
}

然后
MyObject.prototype.myFunctionB = function(arg) {
    // AJAX GET request
    var me = this;
    $.get(
        'script.php',
        { par : arg },
        createDelegate(this, function(data) {
        // use this.something
        })
    );
}

因此,与下面的注释相关的一些代码,createDelegate 也可以以几种不同的方式使用,其中之一是:
function createDelegate(obj, handler)
{
    handler = handler || this;
    return function() {
        handler.apply(obj, arguments);
    }
}

Function.prototype.createDelegate = createDelegate;

这允许您执行以下操作:
var someObj = {a:1, b:function() {return this.a;}};
var scopedDelegateForCallback = someObj.b.createDelegate(whateverobj)

你也可以做一些技巧来获得 parent ,但这对我来说太麻烦了。

或者,您可以执行以下操作:
function createDelegate(handler, obj)
{
    obj = obj || this;
    return function() {
        handler.apply(obj, arguments);
    }
}

Object.prototype.createDelegate = createDelegate;

并使用它:
someObj.createDelegate(someObj.b);

或者可能:
function createDelegateForMember(handlerName, obj)
{
    obj = obj || this;
    return function() {
        obj[handlerName].apply(obj, arguments);
    }
}

Object.prototype.createDelegate = createDelegateForMember;

然后
someobj.createDelegate("b");

关于javascript - 在ajax回调函数中引用外部对象,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1760189/

10-11 02:39