이벤트 루프 (Event loop)

[kimmainsain]

답변

• 자바스크립트는 기본적으로 싱글 스레드기반 언어로, 동시에 단 하나의 작업만을 할 수 있습니다.
• 그러나 비동기 요청을 처리할 수 있는 이유는, 자바스크립트를 실행하는 환경인 브라우저나 Node.js가 담당하기 때문인데요. 자바스크립트 엔진과 그 실행환경을 상호 연동시켜주는 장치가 이벤트루프입니다.

---

• 브라우저, Node.js같은 실행 환경은 멀티스레드 기능을 제공한다.
• 이 환경들은 HTTP 요청, 타이머, 이벤트 리스너 등 비동기 작업을 처리할 수 있는 백그라운드 스레드를 가지고 있다.

console.log("1번 콘솔");
setTimeout(function () {
  console.log("2번 콘솔");
}, 0);
console.log("3번 콘솔");

// 출력 결과
// 1번 콘솔
// 3번 콘솔
// 2번 콘솔

• JS 콜스택에 console.log가 쌓이고, return한다. // 1번 콘솔 출력
• setTimeout이 콜스택에 쌓이고, 브라우저가 이를 받아 타이머를 동작시킨다. 그 후 타이머가 끝나면, 콜백큐로 넘긴다.
• JS 콜스택에 console.log가 쌓이고, return한다. // 3번 콘솔 출력
• 콜스택이 비어있으므로, setTimeout콜백함수를 가져와 콜스택에 넣은 후, return한다. // 2번 콘솔 출력
• 따라서, setTimeout콜백이 몇초가 되든, 제일 마지막에 출력되는 결과를 볼 수 있다.

https://blog.toktokhan.dev/t-767eb0fa38f3