scope.md

스코프 (Scope)

스코프란 식별자에 대한 유효범위이다.

자바스크립트에서는 스코프를 2가지로 나눌 수 있다.

1. 전역 스코프 : 코드 어디에서든지 참조할 수 있다.
2. 지역 스코프 : 함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조할 수 있다.

기본적으로 자바스크립트는 함수 레벨 스코프를 따른다. 함수 레벨 스코프란 함수 코드 블록 내에서 선언된 변수는 함수 코드 블록 내에서만 유효하고 함수 외부에서는 참조할 수 없다는 것이다. 단, ES6에서 도입된 let, const 키워드를 사용하면 블록 레벨 스코프를 사용할 수 있다.

스코프 체인

스코프 체인이란 식별자의 유효 범위를 안에서부터 바깥으로 차례로 검색해나가는 것을 의미한다. 여러 스코프에서 동일한 식별자를 선언한 경우에는 무조건 스코프 체인 상에서 가장 먼저 발견된 식별자에만 접근 가능하게 된다.

렉시컬 스코프

렉시컬 스코프는 함수를 어디서 호출하는지가 아니라 '어디서 선언하였는지'에 따라 결정된다. 자바스크립트는 렉시컬 스코프를 따르므로, 함수를 선언한 시점에 상위 스코프가 결정된다.

var x = 1;

function foo() {
  var x = 10;
  bar();
}

function bar() {
  console.log(x);
}

foo(); // 1
bar(); // 1

위 예제의 함수 bar는 전역에서 선언되었다. 따라서 함수 bar의 상위 스코프는 전역 스코프이기 때문에 x의 값 1을 두번 출력한다.

참고

poiemaweb | 스코프