[Javascript] 비동기 처리 패턴 문법 - async & await

 

 

자바스크립트(Javascript)의 async & await

자바스크립트(Javascript)의 async & await는 비동기 처리 패턴 중 최근에 나온 문법으로써 비동기 처리 방식인 콜백 함수와 Promise의 단점을 보완한 패턴 문법입니다. ES8에서 async & await를 도입하여 비동기 처리의 코드를 가독성을 높였습니다. async 함수는 function 앞에 위치하며 함수 내부에 await 문법을 사용하게 됩니다. 만약 외부에서 사용하게 되면 SyntaxError가 발생하게 됩니다.

 

//async & await 기본문법

async function 호출함수() {
  await 비동기처리_함수();
}

 

자바스크립트(Javascript)의 async & await 장점

자바스크립트(Javascript)의 async & await 문법은 코드가 간결해지고 가독성이 높습니다. 또한 try /catch 로 에러를 핸들링이 가능하여 Error의 발생 위치를 쉽게 찾을 수 있습니다.