JavaScript

javaScript-Promise

용용it 2023. 8. 28. 04:00

Promise

 

javaScript에서 비동기 작업을 더 효율적으로 다루기 위한 객체.

 

Promise는 비동기의 작업의 결과나 상태를 나타낸다.

 

해당 작업이 완료되었을 때 실행할 콜백 함수 등록할 수 있다.

 

Promise는 보통 세 가지의 상태를 가진다

 

1.대기

2.이행

3.거부

 

const myPromise = new Promise((resolve, reject) => {
  // 비동기 작업 수행
  const success = true;
  if (success) {
    resolve('Success result');
  } else {
    reject('Error message');
  }
});

myPromise
  .then(result => {
    console.log('Resolved:', result); // 성공적으로 완료되었을 때 호출됨
  })
  .catch(error => {
    console.error('Rejected:', error); // 작업이 실패했을 때 호출됨
  });

 

Promise 객체는 new Promise()를 사용하여 생성한다.

 

 


 

 

.then()

 

Promise 객체가 성공적으로 완료될 때 호출되는 콜백 함수를 등록하는데 사용.

 

Promise가 이행 상태로 전환되면 해당 콜백함수 실행.

myPromise.then(result => {
  console.log('Resolved:', result); // 성공적으로 완료되었을 때 호출됨
});

 


 

 

.catch()

 

 

 

Promise 객체가 실패할 때 호출되는 콜백 함수를 등록하는 데 사용.

 

Promise가 거부될 때 발생한 오류 정보다 인자로 전달.

 

myPromise.catch(error => {
  console.error('Rejected:', error); // 작업이 실패했을 때 호출됨
});