[비동기 함수] - Callback이 실행되는 원리에 대해 알아보자

예시 1

예시 2

브라우저의 경우 setTimeout 을 예로 들면, Call Stack에서 Web API setTimeout 요청 이후 제거됩니다.

Web API에서 setTimeout 이 완료되면 setTimeout callback 함수를 Callback Queue(자료구조의 queue처럼 구현된 저장소, 세분화된 queue들이 있음)로 옮깁니다.

현재 실행한 자바스크립트 코드를 모두 실행한 뒤, Event Loop가 지속적으로 Call Stack이 비어있는지 확인하고, 비어있다면 Callback Queue에 있는 작업 순서대로 Call Stack으로 넘겨 실행하도록 만듭니다.