[ JavaScript ] 실행 컨텍스트와 스코프 체인

1. 실행 컨텍스트 ( Execution Context)

실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체를 말한다. 

 

실행 컨텍스트는 두가지 종류를 가진다. 

전역 실행 컨텍스트
함수 실행 컨텍스트

실행 컨텍스트는 객체의 형태로 3가지의 프로퍼티를 소유한다.

변수 객체 ( arguments , variable )
scope chain
this

처음 코드를 실행하는 순간 모든것을 포함하는 전역 컨텍스트가 생기고 전역 컨텍스트는 페이지가 종료 될때까지 유지된다. 

함수 컨텍스트는 함수를 호출할 때 마다 함수 컨텍스트가 하나씩 생기고 함수 실행이 끝나면 해당 함수 컨텍스트는 사라진다. ( 클로저 제외! ) 

페이지가 종료되면 전역 컨텍스트도 사라진다. 

전역 컨텍스트

'전역 컨텍스트': {
     변수객체 : {
          argument : null,
          variable: [ 'name' ,'introduce' , 'whatName' ],
     },
     scopeChain: [ '전역 변수객체' ],
     this: window,
}

introduce 함수 컨텍스트 

'전역 컨텍스트': {
     변수객체 : {
          argument : [ { text : 'My name is ' } ],
          variable: null,
     },
     scopeChain: [ '전역 변수 객체' , introduce 변수 객체 ],
     this: window,
}

whatName 함수 컨텍스트

'전역 컨텍스트': {
     변수객체 : {
          argument : null,
          variable: [ 'name' ],
     },
     scopeChain: [ '전역 변수 객체', 'whatName 변수 객체' ],
     this: window,

}

 

2. 스코프 체인 ( Scope Chain )

스코프 체인은 일종의 리스트로서 전역객체와 중첩된 함수 스코프의 레퍼런스를 차례로 저장하여  

스코프가 어떻게 연결되고 있는지를 보여주는것을 말한다. 

 

위 코드의 콜 스택

 

 

 

 

---

[ 출처 ]

자바스크립트 - 스코프 체인(scope chain)란?

 

Execution Context 실행 컨텍스트

 

(JavaScript) 실행 컨텍스트 - 클로저와 호이스팅