async/await

heejung·2022년 5월 15일
0
post-custom-banner
  • Promise 를 활용한 비동기 코드를 간결하게 작성하는 문법
  • 동기 코드처럼 작성할 수 있음
  • async 함수와 await 키워드 사용
  • await 키워드는 반드시 async 함수 내에서만 사용 가능
  • async 로 선언된 함수는 반드시 Promise 를 리턴

await 키워드 실행 순서

  • await 키워드는 then 메소드 체인을 연결한 것처럼 순서대로 동작
  • 비동기 코드에 쉽게 순서를 부여
async function asyncFunc() {
  let data1 = await fetchData1()
  let data2 = await fetchData2(data1)
  let data3 = await fetchData3(data2)
  
  return data3
}
function promiseFunc() {
  return fetchData1()
    .then(fetchData2)
    .then(fetchData3)
}

에러 처리

  • try-catch 구문으로 에러 처리 가능
async function asyncFunc() {
  try {
    let data1 = await fetchData1()
    return fetchData2(data1)
  } catch (e) {
    console.log("실패 : ", e)
  }
}
profile
프론트엔드 공부 기록
post-custom-banner

0개의 댓글