是否可以将变量引用或指针传递给javascript中的回调函数？

Question

我正在重构javascript并且对同一个PHP url进行了很多类似的POST调用。

将postdata和回调函数（在JiraChangeStatus中定义）传递给一个公共函数（SendPost）会很不错。

我是javascript的新手，并且如果变量是对象的属性，则可以使用指针/引用。

还尝试使用变量“xhr”而不是对象属性，在JiraChangeStatus中声明“xhr”而不是SendPost，甚至将其全局声明为完整性检查。

function JiraChangeStatus(index) { 

    var postdata = "&status="+document.getElementById("jiraT"+(index).toString()).value;

    SendPost("changestatus.php",postdata, function(obj) {
        alert("readyState: "+obj.xhr.readyState+"\r\nstatus: "+obj.xhr.status);                            
    });                                                  
}

function SendPost(module,postdata,fn)
{
    var obj = {xhr: new XMLHttpRequest()}
    var issuekey = GetJson(document.getElementById("issue").value,'key');                                              
    obj.xhr.open("POST", "modules/jira/"+module, true);
    obj.xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    obj.xhr.onreadystatechange = fn(obj);
    obj.xhr.send("username=user&issuekey="+issuekey+postdata);  
}

执行回调函数时，我总是看到readystate 1和状态0.我希望看到4和200。

似乎javascript正在将xhr对象的副本传递给回调而不是实际对象。

这些功能在合并时有效。 除非“xhr”的属性设置在“xhr”的回调函数范围内，否则回调不会获得该值。

请让我知道我做错了什么。

Answer 1

感谢Pointy和Bergi。

在解决我的用户故事时，代码存在2个问题。

第一个是当我使用obj.xhr.onreadystatechange = fn（obj）时，它立即评估了fn。 即时评估导致“this”将鼠标单击作为事件触发器，而不是onreadystatechange。

第二个是冗余。 当“this”引用xhr时，不需要将xhr作为参数传递。

此代码不起作用（省略不相关的行）：

function JiraChangeStatus(index) { 
    SendPost("changestatus.php",postdata, function(pass) {
        console.log("This:\r\n"+this); //This: [object Window]                                 
    });                                                  
}
function SendPost(module,postdata,fn) {  
    var xhr = new XMLHttpRequest();     
    xhr.onreadystatechange = fn();       
}

此代码工作正常（省略不相关的行）：

function JiraChangeStatus(index) { 
    SendPost("changestatus.php",postdata, function(pass) {
        console.log("This:\r\n"+this); //This: [object XMLHttpRequest]                                 
    });                                                  
}
function SendPost(module,postdata,fn) {  
    var xhr = new XMLHttpRequest();     
    xhr.onreadystatechange = fn;   //no parentheses here fixed my use case    
}

因此，我会接受Pointy和Bergi的评论，因为他们解决了我的用例。

但是，我发布的问题是将引用传递给回调函数，我想向在搜索中找到它的人提供有用的信息。

当括号引起立即评估时如何传递对回调的引用的问题的答案在这里： 如何在没有立即运行的情况下将参数传递给函数？

为了验证它对我的用例“有效”，我编写了一些非常丑陋和不必要的代码，这些代码表明你可以通过简单地让它的立即评估返回一个函数将参数传递给带括号的回调函数。

由于JavaScript允许通过引用分配对象，并且“xhr”是一个对象，因为Bergi说我不需要对象包装器（省略不相关的行）：

function SendPost(module,postdata,fn)
{         
    var xhr = new XMLHttpRequest();      
    xhr.onreadystatechange = fn(xhr); //immediately evaluates fn
}
function JiraChangeStatus(index) { 
    SendPost("changestatus.php",postdata, function(pass) {
        //the result of immediate evaluation is a function 
        //with the parameter "pass" in its scope
        return function() {
            console.log("This:\r\n"+this); //This: [object XMLHttpRequest]
            console.log(this.responseText); //returns the expected response text                
            console.log("Passed Reference:\r\n"+pass); //Passed Parameter: [object XMLHttpRequest]
            console.log(pass.responseText);
            //Both of these stop future callbacks
            //this.abort();
            //pass.abort();
        }
    });                                                  
}