[javascript] async/await 문법 및 사용 방법
JavaScript에서 async 및 await 키워드는 비동기 코드를 동기식으로 작성할 수 있게 도와주는 중요한 도구입니다. async 함수는 항상 Promise를 반환하고, await 키워드는 Promise가 처리될 때까지 코드의 실행을 일시 중지시킵니다.
async 함수의 정의
async 함수는 비동기 작업을 처리하기 위해 사용됩니다. 함수 앞에 async 키워드를 붙여서 정의할 수 있습니다. 이 함수는 항상 Promise를 반환하며, 명시적으로 return 키워드를 사용하여 반환값을 지정할 수 있습니다.
async function fetchData() {
return await someAsyncOperation();
}
await 키워드의 활용
await 키워드는 Promise가 처리될 때까지 함수의 실행을 일시 중지시킵니다. 따라서 비동기 작업이 완료될 때까지 기다린 후 결과를 반환받을 수 있습니다.
async function fetchAndProcessData() {
let data = await fetchData();
processData(data);
}
async/await의 이점
async/await를 사용하면 코드가 보다 명확해지고 가독성이 좋아집니다. 또한, 에러 처리를 위해 try-catch 블록을 사용할 수 있어서 예외 상황을 보다 쉽게 다룰 수 있습니다.
async function fetchAndProcessData() {
try {
let data = await fetchData();
processData(data);
} catch (error) {
handleErrors(error);
}
}
async/await는 JavaScript에서 비동기 코드를 보다 간편하게 다룰 수 있도록 도와주는 강력한 도구입니다.