排序函数调用

Question

我必须按顺序调用函数，但不知何故它们独立工作。

以下是函数：

function a(){
  Ajax_Call_1();
}

function b(){
  Ajax_Call_2();
}

function c(){
  Ajax_Call_3();
}

$.when( a() ).then( $.when( b() ).then( c() ) );

当我运行它时，它看起来像：

一个作品

C 作品

B 作品

但有时：

C 作品

一个作品

B 作品

我如何订购它们？

Answer 1

您可以使用then 方法链接类似promise 的对象。注意then 和done/fail 之间的区别，传递给then 的done 回调可以为控制流的其余部分返回一个新的类似promise 的对象。这就是您可以进行链接的原因。见the documentation。

a().then(b).then(c).done(function() { // the last promise has been resolved });

您的所有函数都应该return 承诺对象才能使其工作。所以你的b 应该是这样的。

function b(){
  return Ajax_Call_2();
}

Ajax_Call 本身应该返回 ajax 调用的位置，例如 return $.ajax(...)。

请注意，b 和 c 都返回了 Promise，您可以将它们直接传递给 then。

Answer 2

您可以通过返回它们来按顺序链接它们：

$.when(a()).then(function() {
    return b();
}).then(function() {
    return c();
}).then(function() {
    console.log("Done!");
});