WEB/JavaScript

[JavaScript][비동기] then & catch의 chaining

bay07 2024. 4. 25. 12:35

▶ then & catch의 chaining 

axios로 처리한 비동기 로직은 
항상 promise 객체를 반환한다

즉, then과 catch는 모두 항상 promise 객체를 반환한다
=> 계속해서 chaining을 할 수 있다. 

then을 계속 이어 나가면서 작성할 수 있게 된다 
 

 then 매서드 chaining의 목적 

비동기 작업의 "순차적인" 처리가 가능하다 
코드를 보다 직관적이고 가독성 좋게 작성할 수 있도록 도움 

 

 then 매서드 chaining의 장점

가독성 비동기 작업의 순서와 의존 관계를 
명확히 표현할 수 있어 
코드의 가독성이 향상된다 
에러 처리 각각의 비동기 작업 단계에서 발생하는 에러를 
분할해서 처리할 수 있다 
유연성 각 단계마다 필요한 데이터를 가공하거나
다른 비동기 작업을 수행할 수 있어서 
더 복잡한 비동기 흐름을 구성할 수 있다 
코드 관리 비동기 작업을 분리하여 구성하면 
코드를 관리하기가 용이하다 

 

 then 매서드 chaining의 적용

chaining을 활용해 cat api 실습 코들 변경하기 


첫번째 then 콜백함수의 반환 값이 
이어지는 then 콜백함수의 인자로 전달된다