(JS) 자바스크립트 기초 - heap,stack,webApi,callback queue, event loop

기초개념

 

스크립트는 신기하게도 single thread로 프로세서를 제어한다.

 

비동기라는 개념이 있지만

 

그도 결국 event loop를 이용해 main thread로 작업을 넘기는 방식이다.

 

그래서 main Thread에서 무거운 작업을하면 ui가 밀리고 버벅거리게 된다.

 

이를 피하려면 비동기영역으로 무거운 작업을 넘기고 작업단위에 텀을 짧게해서

 

ui버벅거림을 해결할수 있다.

 

결론은 단일 프로세서로 한번에 하나의 기능만 작동하게된다.

 

heap

생성된 객체를 담아놓는 영역

 

call stack

요청한 기능을 차례대로 실행해주는 영역

main thread가 이쪽에서 작동된다.

 

webApis

DOM, ajax, setTimeout등의 api

 

callback queue

이벤트 발생후 대기하는 영역

 

 

event loop

callback queue를 계속 관찰하며 해로운 queue가 쌓일때마다 stack영역으로 넘겨주는역할