如何在等待ajax回调时运行javascript

function someFunction() {
    //1. code that needs to run before ajax
    $.ajax({...}).done(function () {
        //2. code that needs to be run after the ajax call has returned
    });
    //3. code that needs to be run between the time the user presses
    //   a button and the time everything is done.
}

这是有效的,因为JavaScript在执行时是同步的(除非正在使用工作程序,但这与此特定问题无关).第一位代码将运行,然后ajax调用将告诉浏览器启动XHR请求,但someFunction尚未完成,因此它将继续同步执行.

一旦完成someFunction,控制流将打开发生的任何异步事件,最终导致完成回调.

公平地说,异步的面向事件的编程对于大多数人来说并不容易.很容易忘记在什么时间发生什么代码.

以下是异步行为如何工作的易于执行的示例：

(function () {
    alert(1);
    setTimeout(function () {
        alert(2);
    },0); //note the 0ms delay
    alert(3);
}());

警报的顺序将是1,3,2 .setTimeout将不会同步调用其回调,因为它依赖于等待指定的时间量,所以即使没有时间过去,它仍然必须等待当前功能在继续之前完成.