Front/JS & jQuery

[js] Promise 객체 처리

오선지♬ 2024. 9. 7. 11:13
728x90
반응형

Promise 객체를 처리하려면 then() 또는 async/await 구문을 사용하여 Promise의 결과를 처리해야 합니다. 

1. then()을 사용하는 방법:

this.rsltData
  .then(response => {
    // Promise가 성공적으로 이행된 경우
    if (response.status === '000') {
      console.log({
        status: response.status,
        msg: response.msg,
        result: response.result.data // data 배열만 출력
      });
    } else {
      console.log('오류 발생:', response.msg);
    }
  })
  .catch(error => {
    // Promise가 거부된 경우
    console.error('Promise 실패:', error);
  });

 

2. async/await를 사용하는 방법:

async function fetchData() {
  try {
    const response = await this.rsltData; // Promise가 완료될 때까지 기다림
    if (response.status === '000') {
      console.log({
        status: response.status,
        msg: response.msg,
        result: response.result.data // data 배열만 출력
      });
    } else {
      console.log('오류 발생:', response.msg);
    }
  } catch (error) {
    console.error('Promise 실패:', error);
  }
}

fetchData(); // 함수 호출
728x90
반응형