[JavaScript] 자바스크립트에서 Promise 성공/실패 처리하기

217_자바스크립트에서 Promise 성공/실패 처리하기

[적용]

• 실패할 가능성이 있는 비동기 작업을 처리하고 싶을 때

---

[문법]

메소드	의미	반환
Promise인스턴스.catch(함수)	실패 시 콜백 함수 호출	Promise

---

[내용]

Promise로 실패한 작업을 처리하고 싶은 경우 생성자 인수에 reject를 포함하는 함수를 지정한다.

reject는 처리의 실패를 나타내는 작업을 할당하며, reject가 실행되면 catch()가 호출된다.

 

JavaScript                                                                                                                                                          main.js

const promise = new Promise((resolve, reject) => {
  if (flag === true) {
    resolve('orange');
  } else {
    reject('apple');
  }
});

promise.then((value) => {
  console.log(value);  // 결과: 'orange'
});

promise.catch((value) => {
  console.log(value);  // 결과: 'apple'
});

 

메소드 체인(객 메소드를 연결하는 것)의 방법으로도 기술이 가능하다.

메소드 체인을 사용하면 코드가 가벼워지는 이점이 있다.

 

JavaScript                                                                                                                                                          main.js

new Promise((resolve, reject) => {
  if (flag === true) {
    resolve('orange');
  } else {
    reject('apple');
  }
  
  .then((value) => {
    console.log(value);  // 결과: 'orange'
  })
  .catch((value) => {
    console.log(value);  // 결과: 'apple'
  });
})

 

 

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김