使javascript加载函数一个接一个地执行

Question

我有一个函数，我执行两个函数。 当我在浏览器中查看它时，我得到2个加载符号，用于显示数据的加载。

我想知道是否有一种方法可以一个接一个地执行，因为我可以避免两个加载符号。 我不想在第一个函数内调用第二个函数作为解决方案。

代码如下所示：

function ABCD() {
   function x();
   function y();
}

我希望函数x（）完成其执行，然后从函数y（）开始

Answer 1

假设您的函数返回jQuery Promise，您可以执行以下操作：

function ABCD() {
   // return the sequential promises
   return x().then(y);  // or return x().done(y); if you want a result after first one only
}

然后在外面，您可以通过这样的呼叫等待两者：

ABCD().done(function(){
    alert("both complete");
});

如果x和y进行ajax调用，则只需返回它，因为它已经是一个承诺：

例如

  function x(){
      return $.ajax(...);
  }

  function y(){
      return $.ajax(...);
  }

JSFiddle工作示例： http : //jsfiddle.net/TrueBlueAussie/9e5rx2bx/2/

注意：该示例使用Deferred和setTimeout模拟ajax负载。 打开控制台以查看日志活动。

较旧的（非承诺方式）将使用回调，但是确切的实现取决于您当前的实际代码（未显示）：

从jQuery 1.5开始，这是解决此类问题的首选方法。

Answer 2

这里是一个香草js的选项操作（注意回调函数是x()已经取得了可选的（即x()没有回调执行就好了）。 DEMO

function y() {
    //execute code
}

function x(callback) {
    //execute code
    if (typeof(callback) === 'function') {
        callback();
    }
}

function ABCD() {
   x(y());   
}

ABCD();

@TrueBlueAussie的建议的替代版本： DEMO2

function x(callback) {
    //execute code
    if(callback) callback()
}