javascript - 从回调中调用 javascript 对象方法

Question

我在用户脚本中定义了以下MyClass及其方法:

function MyClass() {
    this.myCallback = function() {
        alert("MyClass.myCallback()");
    };

    this.startRequest = function() {
        GM_xmlhttpRequest({
            'method': 'GET',
            'url': "http://www.google.com/",
            'onload': function (xhr) {
                myClassInstance.myCallback();
            }
        });
    };
}

var myClassInstance = new MyClass();
myClassInstance.startRequest();

此脚本有效，一旦 GM_xmlhttpRequest 完成，myCallback() 方法就会被调用。

但是，它仅在 onload 回调引用全局变量 myClassInstance 时才起作用。如果我将 onload 回调更新为:

'onload': function (xhr) {
    this.myCallback();
}

然后我收到(Chrome)错误:

Uncaught TypeError: Object [object DOMWindow] has no method 'myCallback'.

似乎this正在错误的上下文中进行评估。

有没有一种方法可以调用 myClassInstance 的 myCallback() 方法，而无需使用全局变量？

Answer 1

当正确的this在作用域内时，将其保存到变量中。然后您可以稍后引用:

 this.startRequest = function() {
     var myself = this;
     GM_xmlhttpRequest({
         'method': 'GET',
         'url': "http://www.google.com/",
         'onload': function (xhr) {
             myself.myCallback();
         }
     });
 };