async/await

async/await는 비동기 프로그래밍을 쉽게 처리하기 위한 기능이다

함수의 실행을 일시 중단하고 비동기 작업이 완료되기를 기다린 후 실행을 재개한다

코드의 가독성을 높이고 동기식 코드처럼 보이게 작성할 수 있다

async function fetchData() {
  // ...
}

 

async 키워드로 비동기 함수를 선언하면 함수가 비동기로 동작한다

async로 선언된 함수를 Promise를 반환한다

async function fetchData() {
  const response = await fetch('<https://api.example.com/data>');
  const data = await response.json();
  return data;
}

await 키워드는 async로 선언된 함수 내부에서만 사용할 수 있다

await를 사용하면 비동기 작업이 완료될 때까지 코드를 일시 정지한다

이를 통해 비동기 작업이 동기적으로 수행되는 것처럼 보인다

위 코드에서 fetch 함수로 반환 받은 Promise는 await를 거치면서 Promise를 벗어나 실제 요청값을 사용할 수 있다