[JavaScript] 스코프 체인이란?

스코프란?

변수(식별자)의 유효 범위를 뜻한다. 

스코프(Scope)는 변수가 어디서, 어떻게 선언되었는지에 따라 그 변수의 유효한 범위가 결정되는 규칙이기도 하며,

자바스크립트에서는 이 규칙에 따라 참조의 대상이 되는 변수를 탐색해나간다. (→ 그것을 Scope Chain)

🔗스코프체인?

자바스 크립트 ES2015기준으로 확바뀜
예전엔 함수가 기준이였는데 요즘엔 블록이 기준이다( 함수도 다행히 블록을 가지고 있다 )

스코프 체인(Scope Chain)은 일종의 리스트로서
전역 객체와 중첩된 함수의 스코프의 레퍼런스를 차례로 저장하고, 의미 그대로 각각의 
스코프가 어떻게 연결(chain)되고 있는지 보여주는 것 을 말한다.

유효 범위를 나타내는 스코프가 scope 프로퍼티로 각 함수 객체 내에서 연결리스트 형식으로 관리되는데,
이 스코프 간의 상하관계를 스코프 체인이라고 한다.

 

{ }(중괄호)의 짝을 블록이라고 부른다 ( 함수가 아닌 블록들 , if, while, for, switch(), { } 

객체를 만들려면 소괄호로 한번 감싸줘야한다 ({ }) 

높은 망루에선 낮은 위치의 성채 내부와 바깥에 뭐가 있는지 관찰(참조)할 수 있다. 그러나 성벽에 시야가 가리기 때문에 바깥에서 내부를 관측할 수 없다.

 

함수의 코드 블럭은 성벽과 같다. 코드 블럭 안쪽에 있을 수록 바깥을 관측할 순 있지만 코드 블럭 바깥에서 내부의 변수를 참조할 순 없다.
블록 스코프에서 지역 변수 y는 전역 변수 x값을 참조할 수 있고, 반환되는 함수의 지역 변수z는 y의 값을 참조할 수 있다.

높은 망루(내부 코드 블럭)에 있더라도 완전히 다른 코드 블럭에 속해있는 지역 변수를 참조할 순 없다.

코드 블럭의 실행은 독립적이며 실행이 끝나면 더 이상 참조할 수 없기 때문에 더욱이 다른 위치에서

참조할 수 없다.

 

자신이 속해있는 지역의 변수들을 참조할 수 있게 되며, 해당 코드 레벨에 참조값이 없다면 상위 레벨의 스코프로 참조 값을 찾아 나가는 현상을 스코프 체인(Scope Chain)이라고 한다. 전역 스코프에도 참조값이 없다면 null을 반환하게 된다.

 

 

🏆결론

자기 자신의 스코프(scope)를 제외한 자신과 가장 가까운 변수 객체의 모든 스코프들을 스코프 체인이라 할 수 있다.

 

📚출처

이해하는데 많은 도움을 주신 Wonkook Lee 감사합니다.

스코프와 스코프 체인 | JavaScript Basics