[Event Loop] 브라우저는 자바스크립트의 비동기 코드를 어떻게 처리할까요?

[shinsehantan]

• 자바스크립트가 구동되는 환경(브라우저, Node.js등)에서는 주로 여러 개의 스레드가 사용됨.
• 이러한 구동 환경이 단일 호출 스택을 사용하는 자바 스크립트 엔진과 상호 연동하기 위해 사용하는 장치가 바로 '이벤트 루프'
  • 자바스크립트 엔진은 자바스크립트를 해석해 동기적으로 실행
  • 이때 비동기 Web API를 만나면 콜백 함수를 콜백 큐에 넣음.
  • 자바스크립트 엔진의 콜 스택에 쌓인 모든 코드가 실행 완료되면 이벤트 루프는 콜백 큐에 있는 첫 번째 콜백 함수를 자바스크립트 엔진의 콜 스택에 넣음.
  • 자바스크립트 엔진이 콜 스택에 들어온 콜백 함수를 처리
  • 위 고정을 콜백 큐가 빌 때까지 반복