[javascript] async && await

async && await

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법으로 기존의 비동기 처리 방식이 콜백함수와 프로미스의 단점을 보안하고 개발자가 읽기 좋은 코드를 작성할 수 있게해준다.

 

기본 문법

async function 함수명() {
  await 비동기_처리_메서드_명();
}

• 함수 앞에 async라는 예약어를 선언.

• 함수의 내부 로직중 HTTP통신을 하는 비동기 처리 코드 앞에 await를 붙인다.

• (주의) 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한 대로 동작한다.

• await 의 대상 : 비동기 처리 코드인 Axios등 프로미스를 반환 하는 API 호출 함수

 

 

예외처리

• try , catch를 사용한다.

async function 함수명() {
  try {
    var user = await 비동기_처리_메서드_명();
  } catch (error) {
    console.log(error);
  }
}

=> 코드 실행시 발생한 네트워크오류와 간단한 타입의 오류같

은 일반적인 오류까지도 catch로 잡아낼 수 있다.

 

 

<출처> -고마우신 분들!

https://joshua1988.github.io/web-development/javascript/js-async-await/

자바스크립트 async와 await