ajax jquery 호출을 연결하는 두 가지 방법. 맞지?

Question

나는 아약스 호출의 다음 체인이 있습니다

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

당신은 내가 아약스 호출을 반환하지 오전하지만 그냥 잘 작동 볼 수 있듯이. 다음은 내가 예로서 본 것입니다 :

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 => { 

    }) 

경우 : 당신이 병렬로 요청을 실행하려면, 이러한 요청이 서로 그들은 당신이 쓸 수있는 중요하지 않습니다 완료되는 순서에 의존하지 않는

두 번째 접근법.