js event loop

https://youtu.be/8aGhZQkoFbQ 을 보고 정리

  • 비동기 코드는 webapi에서 실행된다
  • 실행이 완료되면 큐에 들어간다
  • 큐에서 스택에 아무것도 없기를 기다렸다가
  • 스택에 들어가고 실행된다
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 첫 번째로 스택에 들어감
console.log(1);

// 두 번쨰로 스택에 들어가고 바로 webapi로 들어감
setTimeout(
// webapi에서 큐로 던져짐. console.log(3)이 끝나고 스택이 텅텅 비워져서야 네 번째로 스택에 들어감
() => {
console.log(2);
},
0
);

// 세 번째로 스택에 들어감
console.log(3);

// 1 3 2

참고

Author

chinsung

Posted on

2021-07-16

Updated on

2021-07-17

Licensed under

댓글