[javascript] 코어 자바스크립트 - 실행컨텍스트

정리 내용 및 예시코드는 코어 자바스크립트를 보고 정리했습니다.

실행 컨텍스트(excution context)

자바스크립트에서 아주 중요한 핵심 개념 중 하나로, 실행 컨텍스트에 대한 이해가 없으면 자바스크립트를 이해하지 못한 것이라고 봐도 될 것 같다. 너무 중요한 개념이기 때문에 블로그에 따로 간결하게 정리하고자 한다.

실행 컨텍스트는 실행할 코드에 제공할 환경 정보를 모아놓은 객체다. 자바스크립트는 실행 컨텍스트가 활성화 되는 시점에 호이스팅이 이루어지고, 외부 환경 정보를 구성하고, this 값을 설정하는 동작을 수행한다.

구성된 컨텍스트는 call stack에 쌓아올려진 후 실행된다.

//----------------(1) 전역 컨텍스트
var a = 1;
function outer(){
    function inner(){
        console.log(a);     // undefined
        var a = 3;
    }
    inner();    // ----------(2)
    console.log(a);     // 1
}
outer();        // ----------(3)
console.log(a);         // 1

위 예시코드는 (1)-(3)-(2) 순으로 담겨 실행된다.