개발공부/JavaScript

Promise와 Async await

개발자 찐빵이 2022. 1. 18. 07:00
728x90

promise와 async await은 비동기적인 일의 결과를 받아야 할 때 사용된다.

Promise

resolve와 reject 콜백 함수를 전달한다.

const promise = new Promise((resolve, reject) => {
  //promise에는 resolve, reject가 있다.
  //resolve : 정상적으로 동작했을 경우 일어나는 행동
  //reject : 에러가 있었을 경우 일어나는 행동

  //프로미스를 만드는 순간 이 안에 있는 내용이 실행된다.
  //정상 실행인 경우 예시
  resolve('Success!');
});

promise
  .then((value) => {
    // promise resolve 결과가 여기에 전달된다.
    // Success가 전달됨
  })
  .catch((error) => {
    //reject는 여기로 전달된다.
  })
  .finally(() => {
    //항상 실행됨
  });

Async Await

깔끔하게 promise를 사용할 수 있다.

async function getBrands() {
  const nike = await getNike();
  const adidas = await getAdidas();
  return `${nike} + ${adidas}`;
}

getBrands().then(console.log);
반응형