[JS] 콜스택과 힙

2024-10-09 1 분 소요

💭 예상 질문

콜스택은 함수들의 호출 순서를 제어하는 자료구조입니다.

함수가 호출되면 콜스택의 최상단에 쌓이고, 함수가 종료되면 콜스택에서 제거됩니다.

힙은 객체, 배열, 함수처럼 크기가 동적으로 변할 수 있는 참조타입 값을 저장하는 공간입니다.

콜스택과 달리 훨씬 큰 메모리 공간을 가집니다.

콜스택은 원시타입 데이터와 함수 호출의 실행 컨텍스트를 저장하며, 힙은 참조 데이터를 저장합니다.

함수가 호출되면 콜스택에 실행 컨텍스트가 쌓이고, 함수에서 객체나 배열을 만들면 힙에 할당됩니다. 콜스택에선 힙의 메모리 주소를 참조하여 데이터를 처리합니다.

재귀 호출 등으로 인해 함수 호출 수가 괴도하게 많아진다면 스택 오버 플로우가 발생한다.

한 번에 하나의 함수만 처리할 수 있다면 한 함수의 작업량이 많다면 다른 함수 호출에 영향을 미친다.

자바스크립트에서는 비동기 콜백을 통해 오래걸리는 작업을 지연시킬 수 있다.

비동기 콜백이 브라우저에서 실행되면 web API, 콜백 큐, 이벤트 루프를 통해 관리된다.

가비지 컬렉션이란 더이상 사용되지 않는 메모리 영역을 해제하는 작업이다.

우리가 사용하는 원시값, 객체, 함수 등은 모두 메모리를 차지하는데, 어떻게든 접근하거나 사용할 수 있는 값은 메모리에서 삭제하지 않는다.

자바스크립트의 가비지 컬렉션은 mark-and-sweep 알고리즘으로 동작한다.

루트가 참조하고 있는 모든 객체를 방문하고 mark하는 과정을 반복하며, mark되지 않은 모든 객체를 메모리에서 삭제한다.