JavaScript：如何在异步内部函数中返回外部函数？

Question

我知道我可以使用外部变量来识别外部函数需要处理的某些状态。但是考虑一下：如果内部函数是异步的？外层函数不会等到内层函数的变量发生变化，那现在怎么才能返回外层函数呢？

function outer() {
    var flag = true;
    // For example, a jquery-like ajax call
    $.ajax({
        // Some settings
        error: function(jqXHR, textStatus, errorThrown) {
            // Here I want to return outer()
            flag = false;
        }
    });
    return flag;
}

如您所见，如果我使用flag 作为返回值，outer() 很可能会返回true，因为ajax 调用可能需要很长时间。出于同样的原因，我不想设置async: false，因为这会阻止页面反应。

Answer 1

您的outer 函数将立即返回，因此您将始终将true 作为flag 的值。为了获得正确的值，您需要让 async 函数完成它的工作，并在它准备好时回复您。考虑一下：

function outer(cb) {
    var flag = true;
    // For example, a jquery-like ajax call
    $.ajax({
        // Some settings
        error: function (jqXHR, textStatus, errorThrown) {
            // Here I want to return outer()
            flag = false;
            cb(flag);
        },
        success: function () {
            flag = true; // or whatever value you need.
            cb(flag);
        }
    });
}

function callback(flag) {
    // this function will be called after the ajax is complete.
    // real value of flag variable will be available here
    console.log(flag);
}
outer(callback);

您将一个函数作为参数传递给外部函数，当 ajax 完成时，它会调用该函数，并使用您需要的值作为参数。这样你就会得到真正的结果。