[자바스크립트] async & await

async와 await를 이용하여 비동기 구현을 해보겠습니다.

값	의미
async	비동기
await	대기

1. async & await 기본 문법

• async & await 기본 문법은 다음과 같다.

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

2. async & await 기본 예제

• async & await는 Promise 생성자가 있어야 사용이 가능합니다. fetchItems라는 Promise 함수를 생성하여 logItems함수에서 불러와 보도록 하겠습니다.

function fetchItems() {
  return new Promise(function(resolve, reject) {
    var items = [1,2,3];
    resolve(items)
  });
}

async function logItems() {
  var resultItems = await fetchItems();
  console.log(resultItems); // [1,2,3]
}

참고 사이트 : 캡틴판교 , MDN-Async