javascript - 从 jQuery AJAX 结果设置函数变量

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 6 年前。

我正在函数内使用 jQuery 执行 GET 请求，并尝试使用结果设置该函数中先前声明的变量。然而，它显示为未定义。我在这里错过了这个概念吗？我怎样才能让这样的事情发挥作用？谢谢。

function doSomething1() {
    var x;
    $.get( window.location.href, { q: 'stuff', q2: $('input').val() }, function(data){
        // value shows up 
        console.log(data);
        x = data;
    });
    return x;
}

function doSomething2() {
      // comes up as undefined.
      console.log(doSomething1());
}

doSomething2();

Answer 1

这是 $.get() 请求的异步效果的错误。在 get 有机会执行任何操作之前，您将返回 x。您需要一段时间才能理解异步函数。

事件的顺序如下:

1. doSomething2() 调用 doSomething1()
2. doSomething1() 定义不带值的 x 开始 GET 请求，并返回 undefined。
3. doSomething2() 记录返回的 x 值
4. GET 请求完成并处理其成功函数