1. async와 await란?

  • JavaScript의 비동기 처리 패턴 문법이다.
  • 기존의 Callback 함수와 Promise의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 해준다.

2. async와 await 기본 문법

	async function 함수명() {
      await 비동기_처리_메서드_명();
    }
  • 일반적으로 await의 대상이 되는 비동기 처리 코드는 Axios 등 Promise를 반환하는 API 호출 함수이다.

3. async와 await 적용코드와 비적용코드

1) 비적용 코드

	function logName() {
      var user = fetchUser('domai.com/users/1');
      if (user.id === 1) {
        console.log(user.name);
      }
    }

2) 적용 코드

	async function logName() {
      var user = await fetchUser('domai.com/users/1');
      if (user.id === 1) {
        console.log(user.name);
      }
    }
  • JavaScript의 비동기 처리 코드는 Callback을 사용해야만 코드의 실행 순서를 보장받을 수 있으나 async와 await를 적용함으로써 그럴 필요가 없어졌다.

0개의 댓글

Powered by GraphCDN, the GraphQL CDN