无法在函数返回之前完成 jquery

Question

我希望执行顺序如下。 1. 取消附加（x） 2.更新列表（y） 3. console.log("函数更新执行完成")

只有在两个函数（unattach 和 updateLists）都完成执行后，更新函数才会返回。问题是我无法让它等待两个函数完成执行。 return 语句有问题吗？

    function main()
    {
        when(update).then(function(){
        console.log("completed execution of function update");
        });
    }

    function update()
    {
    return when(function(){
            unattach(x);
            }).then(function(){
                    updateLists(y);
                    }); 
    }

Answer 1

我会这样重写它，使用回调。无论如何，你应该写更多的代码。

function main() {

    update(function(){
       console.log("completed execution of function update");
    });

}

function update(callback){
        unattach(x, function(){
           updateLists(y, function(){
              if(callback){
                 callback();
              }
            });
        }); 
}

假设函数 unattach 和 updateLists 中有两个 AJAX 调用，您可以这样做：

function unattach(x, callback){
   // if JQuery

   $.ajax({
      ....
      success: function(){
         if(callback){
           callback();
         }
      }
   });
}

您应该以同样的方式定义 updateLists，因此当 AJAX 完成其工作时会调用回调函数。