렉시컬 스코핑

💡 렉시컬 스코핑 : 변수의 유효 범위를 결정하는 규칙 중 하나이다.

- 스코프는 함수를 호출할 때가 아닌 선언할 때 생긴다.

- 함수 외부에서는 함수 내부에서 선언된 변수에 접근할 수 없다.

- 정적 스코프라고도 불린다.

 

 

렉시컬 스코핑(lexical scoping)

 

많이들 헷갈리는 개념인데 스코프는 함수를 호출할 때가 아니라 선언할 때 생긴다.

호출이 아니라 선언! 정적 스코프라고도 불린다.

 

 

다음 코드에서 console이 어떻게 찍힐지 예상해 보기

var name = 'zero';
function log() {
  console.log(name);
}

function wrapper() {
  var name = 'nero';
  log();
}
wrapper();

 

 

정답: zero

• 스코프는 함수를 선언할 때 생긴다.
• log 안의 name은 wrapper 안의 지역변수 name이 아니라, 전역변수 name을 가리키고 있는 것이다.
• 이런 것을 lexical scoping이라고 한다.
• 함수를 처음 선언하는 순간, 함수 내부의 변수는 자기 스코프로부터 가장 가까운 곳(상위 범위에서)에 있는 변수를 계속 참조하게 된다.
• 위의 예시에서는 log 함수 안의 name 변수는 선언 시 가장 가까운 전역변수 name을 참조하게 된다.
• 그래서 wrapper 안에서 log를 호출해도 지역변수 name='nero'를 참조하는 게 아니라
• 그대로 전역변수 name의 값인 zero가 나온다.

 

 

log 함수가 한 번 선언된 이상, 전역변수를 가리키게 되어있는 name 변수가 다른 걸 가리키게 할 수 없다.

 

 

전역변수를 만드는 일은 지양해야 하는 이유는 변수가 섞일 수 있기 때문이다.