Javascript Visualized: Promises & async/await

■ Promises & async/await

async function은 무조건 Promise를 return한다.

await 키워드는 async 함수 내부에서만 사용 가능.

엔진이 await 키워드를 만나면 async 함수는 중단된다.

해당 await 키워드 이후의 async 함수(나머지 부분)는 microtask queue로 들어간다.

그리고 async 함수를 벗어나, 해당 async 함수가 호출된 실행 컨텍스트의 나머지 코드들을 마저 실행한다.

 

콜스택이 완전히 비게 되면, 이벤트루프가 대기 중인 task가 있는지를 찾아

microtask queue와 macrotask queue를 살펴본다.

microtask queue에는 아까 들어왔던 'await 키워드 이후의 async 함수 부분'이 대기중이므로

해당 task가 다시 콜스택으로 올라와서, 아까 중단됐던 부분부터 다시 함수가 실행된다.

[ 번역 ] 자바스크립트 시각화 : 비동기 처리

⭐️🎀 JavaScript Visualized: Promises & Async/Await