ES7 비동기 처리 Async/await

박동건·2020년 2월 4일
0

JavaScript

목록 보기
7/8
post-custom-banner

Async/await 간단 사용법

함수 이름 앞에 async 키워드를 붙이고, 호출할 비동기 함수 앞에 await 키워드를 사용합니다.

함수 앞에 async가 선언되어 있어야만 await이 적용됩니다.

1. 기본 문법

async function fetchData(url) {
  // 실행 컨텍스트
}

2. 에러 핸들링

2-1. 프로미스와 섞어서 쓰기

async function readFile(filename) {
  return new Promise((resolve, reject) => {
    fs.readFile(filename,'utf-8',function(err,data){
      if(err){
        reject(err);
      } 
      else{
        resolve((data));
      }
    })
  })
}

2-2. try-catch문

async function fetchData(url) {
   try {   
      response = await axios.get(url);
      return response;
   } catch(err) {
      console.log(err)
   }
}
profile
박레고의 개발 블로그
post-custom-banner

0개의 댓글