Question

我有一个函数，只要单击一个按钮，我就可以从中返回一个值作为一系列事件。但是，我无法弄清楚如何从onreadystatechange中检索值。我怎样才能这样做，以便我可以返回vicArray[vicID]？

function selectVictim()
{
var vicString;
var vicArray;
var vicID;

var params = "url=queenofsheep.com/Sheep/victims.php";
var request = new ajaxRequest();

request.open("POST", "victims.php", true);
request.setRequestHeader("Content-Type",
                             "application/x-www-form-urlencoded");
request.setRequestHeader("Content-Length", params.length);
request.setRequestHeader("Connection", "close");

request.send(params);

request.onreadystatechange = function ()
{
    if (this.readyState == 4)
    {
        if (this.status == 200)
        {
            if (this.responseText != null )
            {
                vicString = this.responseText;
                vicArray = JSON.parse(vicString);
                vicID = Math.floor(Math.random() * (vicArray.length - 1));
            }
            else alert("Ajax error: No data received");
        }
        else alert("Ajax Error: " + this.statusText);
    }
}
alert(vicArray[vicID]);
}

Answer 1

你做不到。在onreadystatechange函数返回之后，您的selectVictim处理程序会被长调用。

你在这里所说的是“异步函数” - 即不是立即生成返回值的函数，而是在某个异步过程之后生成它们的函数。

要处理这个问题，必须使用回调来提供返回值：

function selectVictim( callback ) { ... ... request.onreadystatechange = function() { ... vicArray[vicID] = ...; callback( vicArray[vicID] ); } }

注意callback参数。无论谁调用此函数，都必须为此参数提供另一个函数。然后注意当返回值准备就绪时selectVictim如何调用回调。

现在无论您何时致电selectVictim，都必须修改以下代码：

function someFunc() { doSomething(); var vic = selectVictim(); domeSomethingElseWithVictim( vic ); }

要：

function someFunc() { doSomething(); selectVictim( function( vic ) { domeSomethingElseWithVictim( vic ); } ); }

够简单吗？

Answer 2

我会使用一个回调，你可以在响应就绪后传递运行的函数。

将callback添加为参数：

function selectVictim(callback)

然后：

vicString = this.responseText;
vicArray = JSON.parse(vicString);
vicID = Math.floor(Math.random() * (vicArray.length - 1));
if (callback) {
 callback(vicID);
}

当你调用这个函数时，你可以这样做：

selectVictim(function(vicID){ 
  console.log('This is the id: ', vicID); 
});

如果您不想直接执行此操作，也可以将该函数作为值传递。注意：如果你发出大量请求并且你需要保留它们的顺序，它会变得有点棘手，但是有办法处理它。

从匿名函数中检索值＆amp;的onreadystatechange

2 个答案: