본문 바로가기

콜스택2

JavaScript 동작원리와 Event Loop, Queue, Web API 몇 달 전 자바스크립트의 콜스택, 힙, 가비지 컬렉터 등 관련 블로그 글을 퍼블리싱했었는데, 좀 더 깊게 자바스크립트 작동원리에 대해서 공부해 새롭게 글을 작성합니다. 중복된 내용이 있을 수 있습니다! 예전 글 ) https://imagineu.tistory.com/76 [Javascript] 콜스택(Call Stack), 메모리힙(Memory Heap), 가비지컬렉션, 메모리릭 그림으로 이해하기 Call Stack과 Heap 시작하기에 앞서 하나의 스레드 당 하나의 스택메모리를 사용하는데, 자바스크립트는 싱글스레드 언어이기 때문에 콜스택이라는 스택메모리 하나만 사용합니다. const a = 'Hello Worl imagineu.tistory.com 자바스크립트 엔진 자바스크립트는 스크립트 언어로서 자바.. 2023. 5. 26.
[Javascript] 콜스택(Call Stack), 메모리힙(Memory Heap), 가비지컬렉션, 메모리릭 그림으로 이해하기 Call Stack과 Heap 시작하기에 앞서 하나의 스레드 당 하나의 스택메모리를 사용하는데, 자바스크립트는 싱글스레드 언어이기 때문에 콜스택이라는 스택메모리 하나만 사용합니다. const a = 'Hello World!'; const b = [1, 2, 3]; const c = { id:'yoy', password:1234 }; const d = function(){ console.log() }; 이런 코드가 있다고 했을때, 자바스크립트 엔진에서 Call Stack 영역과 Heap 영역에서 어떻게 동작하는지 알아보도록 하겠습니다. 우선 각 변수 a, b, c, d는 call stack의 실행컨텍스트 렉시컬환경이라는 곳에 { name : value } 형태로 저장됩니다. 비록 초기화 단계에서는 { 변수.. 2022. 3. 16.