[JavaScript] 자바스크립트 실행 컨텍스트

🎯 실행 컨텍스트

• 실행 컨텍스트는 자바스크립트 코드가 실행되는 환경이다.
• 코드에서 참조하는 변수, 객체(함수 포함), this 등에 대한 레퍼런스가 있다.
• 실행 컨텍스트는 전역에서 시작해 함수가 호출될 때 스택에 쌓이게 된다.

let a = 10;
function f1() {
    let b = 20;
    function print(v) {
        console.log(v);
    }
    function f2() {
        let c = 30;
        print(a + b+ c);
    }
    f2();
}
f1();

 

📝 콜스택이 쌓이는 순서

 

📝 함수의 실행이 종료되면서 콜스택이 사라지는 순서

• 사실 console은 variable objects 안이 아니라 window 객체 아래 있는 변수지만 편의상 전역에서 참조할 수 있는 변수로 넣어줬다.

 

🏷 요약

• 자바스크립트가 실행될 때 전역 실행 컨텍스트(Global Execution Context)가 만들어진다.
• 함수가 실행될 때 함수 컨텍스트(Function Execution Context)가 만들어진다.

 

📕 코드가 없는 경우

 

📕 함수가 실행되었을 때