Promise의 3가지 상태 => Pending (대기)
, Fulfilled (이행)
, Rejected (실패)
비동기 처리가 완료 되지 않았다면 Pending
, 완료 되었다면 Fulfilled
, 실패하거나 오류가 발생하였다면 Rejected
상태를 갖는다.
const condition = true;
const promise = new Promise((resolve, reject) => {
if (condition) {
resolve('resolved');
} else {
reject('rejected');
}
});
promise
.then((res) => {
console.log(res);
})
.catch((error) => {
console.error(error);
});
값이 참이면 resolve 를 호출하고, 아닐시에는 reject 를 호출한다.
resolve 한 반환 값에 대해서는 then()
을 통해 결과 값을 반환 받을 수 있고, reject 의 반환 값에 대해서는 catch()
를 통해 반환 받는다.
then()
과 catch()
문의 체이닝을 통해 비동기 로직의 성공 여부에 따른 분기 처리가 가능하다.
가장 최근의 나온 비동기 처리 문법으로 기존의 callback 이나 Promise 의 단점을 해소하고자 만들어졌다.
callback 이나 Promise 의 경우에 단점은 꼬리에 꼬리를 무는 코드가 나올 수도 있다는 것이다. 콜백 지옥
, then() 지옥
이라고 부른다.
await 를 통해 Promise 반환 값을 받아 올 수 있는데, await 는 async 함수 안에서만 동작한다.
Promise 와는 다르게 에러를 핸들링 할 수 있는 기능이 없다. 따라서 try-catch()
문을 활용하여 에러를 핸들링 하여 주어야 한다.
(async () => {
const condition = true;
const promise = new Promise((resolve, reject) => {
if (condition) {
resolve('resolved');
} else {
reject('rejected');
}
});
try {
const result = await promise;
console.log(result);
} catch (err) {
console.error(err);
}
})();
.catch()
문을 통해 에러 핸들링이 가능하지만, async/await 은 에러 핸들링 할 수 있는 기능이 없어 try-catch()
문을 활용해야 한다.then()
지옥의 가능성참고자료
https://velog.io/@pilyeooong/Promise%EC%99%80-asyncawait-%EC%B0%A8%EC%9D%B4%EC%A0%90