ajax jquery呼び出しを連鎖させる2つの方法。合っているもの？

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

第2のもの。最初のものでは、約束を作りません。最初のものはそのようになります。

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

しかし、たとえを、あなたは一般的に悪いコーディングスタイルで深いネストを持っています。

あなたが並行して要求を実行したい場合は、これらの要求は、互いに依存していないとそれらが行われる順序は、あなたが書くことができる問題ではありません：

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

    }) 

ための事項は、次に使用する場合あなたの2番目のアプローチ。