본문 바로가기
Q&A2018년 12월 8일1분 읽기

JavaScript async await 사용법

자
자바스크립트입문
조회 2816댓글 4

Promise 대신 async/await를 쓰면 더 편하다고 하는데 사용법을 알고 싶습니다.

에러 처리는 try-catch로 하면 되나요?

댓글 4

코코딩하는민수7년 전

async 함수 안에서 await로 Promise 완료를 기다릴 수 있습니다.

async function getData() {
try {
const res = await fetch('/api/data');
const data = await res.json();
return data;
} catch(err) {
console.error('에러:', err);
}
}

then 체이닝보다 훨씬 읽기 쉽죠.

자자바스크립트입문(guest)코딩하는민수7년 전
여러 개를 동시에 기다리려면 어떻게 하나요?
코코딩하는민수코딩하는민수7년 전

const [a, b] = await Promise.all([fetchA(), fetchB()]) 이렇게 Promise.all을 쓰면 병렬로 처리됩니다.

JJS개발자(guest)7년 전
주의할 점은 await는 async 함수 안에서만 사용 가능하다는 것입니다. 최상위 레벨에서는 즉시실행함수로 감싸거나 ES2022의 top-level await를 사용하세요.
Ctrl+Enter로 등록