스코프 체인

스코프 체인 

모든 스코프는 하나의 계층 구조로 연결된 것 

 

중첩함수

함수 몸체 내부에 정의한 함수

 

외부함수

중첩함수를 포함한 함수

var x = "global x";
var y = "global y";

function outer() {
  var z ="inner's local z"
  
  console.log(x);
  //global x
  console.log(y);
  //global y
  console.log(z);
  //inner's local z
  function inner() {
    var x = "inner's local x"
    
    console.log(x);
    //inner's local x
    console.log(y);
    //global
    console.log(z);
    //inner's local z
  }
  inner();
  //inner's local x 
  //global y
  //inner's local z
}

outer();

//global x
//global y
//inner's local z

console.log(x);
//global x
console.log(z);
//z is not defined

위의 코드처럼 함수는 전역에서 정의 할수 있고 함수 몸체 내부에서도 정의 가능하며,

함수 몸체 내부에서 함수가 정의 된것을 함수의 중첩이라고 한다. 이처럼 스코프가 함수의 중첩에 의해 계층적 구조를 갖음

 

변수를 참조할 때 자바스크립트 엔진은 스코프 체인을 통해 변수를 참조하는 코드의 스코프에서 시작하여서 상위 스코프방향으로 이동하며 선언된 변수를 검색  (위 코드 inner지역 스코프에서 전역스코프로 올라간다) 

 

스코프 체인에 의한 변수 검색 

상위 스코프에서 유효한 변수는 하위 스코프에서 자유롭게 참조할 수 있지만 하위 스코프에서 유효한 변수를 상위 스코프에서 참조 불가능 

 

오늘 배우면서 

 

key point 

스코프는 식별자를 검색하는 규칙