consuming promises with Async/Await, try...catch (Error handling),Running promises in parallel

Juyeon Lee·2022년 3월 10일
0

promise를 consume 할 때 Async/Await 를 사용하면 되는데

const whereAmI = async function (country) {
  const res = await fetch(`https://restcountries.com/v2/name/${country}`);
  console.log(res);
};
whereAmI('portugal');
console.log('FIRST');

위의 코드에서 콘솔 확인해보면 first가 먼저 나오고 함수부른게 나온게
보인다.. 비동기가 작용되는 이론에따라서
fetch는 api 칸에서 돌아가고 있는 중에
console.log('FIRST')부터 작동되는것.

여기 이렇게 .then() 이랑 같은 역할을 하는 Async/Await!

  fetch(`https://restcountries.com/v2/name/${country}`).then(res =>
    console.log(res)
  );

다음으로 Async/Await에서 error handling하는 방법을 알아보자.
이때는 try...catch를 쓴다고 한다.
밑의 간단한 예시 코드를 살펴보자

let y = 1;
const x = 2;
x = 3;

const는 value reassin 못하는데 실수로 이렇게 하면
콘솔에
Uncaught TypeError: Assignment to constant variable.
이렇게 오류 나오는데

try {
  let y = 1;
  const x = 2;
  x = 3;
} catch (err) {
  alert(err.message);
}

이렇게 try catch로 error handling 해줄 수 있다.
이걸 Async/Await에서 쓰는것도 나왔는데
앞에 몇 강의를 빼먹고 들어서 따라 칠 수가 없었다 흑.
요건 유투브 강의 듣고 다시 정리하자 오키 ?
running promises in paraelle도 유투브 강의 다른거 보고
이해를 해봐야겠다 몇개강의를 빼고 들었더니 강의예시코드는
이해가 안감 ㅠㅠ

0개의 댓글