Promise / State

Promise

자바스크립트 내에서 비동기 처리를 간편하게 처리할 수 있게(콜백지옥 보완/해결) 도와주는 객체

(ES6에서 추가)

 

- Promise 만들기 (일반 객체처럼 new 사용)

cosnt promise = new Promise((resolve, reject) => {

	// 비동기 작업 성공시 resolve()를 호출하고,
    // 비동기 작업 실패시 reject()를 호출하도록 구현한다.

})

 

- Promise 다음엔 then()과 catch()를 사용

cosnt promise = new Promise((resolve, reject) => {
	// 처리 내용
})

promise.then(
	// resolve가 호출되면 then이 실행
)
.catch(
	// reject가 호출되면 catch가 실행
)
.finally(
	// 콜백 작업을 마치고 무조건 실행되는 finally(생략 가능)
)

 

- Promise 처리의 흐름

---

State(상태)

Pending(대기) : 초기 상태

Fulfilled(이행) : 성공적으로 완료된 상태

Rejected(실패) : 실패 상태

---

https://youtu.be/EWaeItyWYJw