两种链接ajax jquery调用的方法。正确对象，真爱？

Question

我Ajax调用的下一个链条：

ajaxCall1().then(function(){ 
    ajaxCall2(). then(function(){ 
     ajaxCall3().then(function(){ 
      .... 
     }) 
    }) 
}) 

正如你所看到的，我没有返回Ajax调用但它只是正常工作。接下来的方法就是我所看到的例子：

ajaxCall1() 
    .then(function(){ 
     return ajaxCall2() 
    }) 
    .then(function(){ 
     return ajaxCall3() 
    }).then(function(){ 
     .... 
    }) 

什么是正确的方法？

由于

Answer 1

第一图案实际上是一个well-known promise anti-pattern。

承诺的可链接性允许我们摆脱嵌套回调并保持垂直结构。

Answer 2

第二个。在第一个中，您不会创建承诺链。第一个应该是这样的：

ajaxCall1().then(function() { 
    return ajaxCall2().then(function() { 
    return ajaxCall3().then(function() { 
     ..... 
    }) 
    }) 
}) 

但即使如此，你有深嵌套，这是一般的不好的编码风格。

如果要并行执行的请求，这些请求不依赖于对方，在他们这样做不要紧，你可以写的顺序：

Promise.all([ 
    ajaxCall1(), 
    ajaxCall2(), 
    ajaxCall3() 
    ]) 
    .then(results => { 

    }) 

如果订单事宜，然后使用你的第二种方法。