자바 스크립트 (JavaScript)/Asynchronous JS, Ajax & Fetch API
★Async & Await
종우공간
2021. 8. 17. 01:27
Async & Await 이란?
- async와 await은 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다.
특징
- await은 async 안에서만 사용 가능하다.
- async 함수는 프로미스를 반환한다.
- await은 resolve로 리턴해주는 값을 꺼낸다.
예제
async function getUsers() {
// await response of the fetch call
const response = await fetch('https://jsonplaceholder.typicode.com/users');
// Only proceed once its resolved
const data = await response.json();
// only proceed once second promise is resolved
return data;
}
getUsers()
.then(users => console.log(users));