[비동기 작업 도구] - then() 메소드

📚 then()

• 앞선 비동기 작업이 완료되면 등록된 콜백을 실행해준다.
• then()은 Promise를 리턴한다

then() 초기 상태

1. fetch 함수가 url로 request를 보내면 Promise Pending 상태를 리턴.

2. Promise가 Fulfilled 상태가 되면 Promise의 결과값을 콜백의 첫번째 파라미터로 전달한다.

3. 만약, 콜백이 Promise를 리턴하면 then 메소드가 리턴한 Promise도 동일한 상태와 결과 값을 갖게 된다.

4. 콜백이 Promise가 아닌 평범한 값을 리턴하면, then 메소드가 리턴한 Promise는 FulFilled 상태가 되고 리턴값을 결과값으로 갖게된다.

 

---

 

then() 메소드의 흐름

출처 : 코드잇 (codeit.kr)

한 줄로 정리

Promise가 Fulfilled 상태가 되면(비동기 작업이 끝나면) 다음 작업에 등록되어 있는 콜백이 성공 결과를 가지고 실행된다.