[Javascript] Call Stack

Call Stack

자바 스크립트가 함수를 실행하는 방법 중 하나인 Call Stack은 함수가 호출되면 스택 위에 push, 함수를 실행하면 pop하는 간단한 방법입니다.

 

이해하기 쉽도록 그림을 만들어 봤습니다.

위와 같이 비어있는 스택에 함수들을 push 한 후, 아래와 같이 pop하면서 실행됩니다.

 

모든 함수들이 실행되면 스택은 empty 상태가 됩니다. 위의 과정들을 코드로 보면,

function sayHello(){
    console.log("Hello");
}
function sayHi(){
    sayHello();
    console.log("Hi");
}
function greeting(){
    sayHi();
}
greeting();

>Hello

>Hi

실행 과정

즉, 자바스크립트에는 리스트가 존재하고 함수는 리스트에 추가됩니다. 실행이 완료되면 함수는 리스트에서 제거됩니다.

자바스크립트의 to do list 인 셈입니다!

 

참고자료

developer.mozilla.org/en-US/docs/Glossary/Call_stack

Call stack - MDN Web Docs Glossary: Definitions of Web-related terms | MDN