• 식별자는 자신이 선언된 위치에 의해 유효범위가 결정. 이를 스코프라고 함.
• var로 선언한 변수는 동일 변수명인 경우에도 스코프에 따라 별개의 변수로 사용되기도 함.

스코프 체인

JS가 변수를 찾는 과정.

자바스크립트는 코드 실행시 스코프에 따라 변수를 찾기 시작하고 점점 상위 스코프로 가면서 변수를 탐색함.

• 최종 목적지: 스코프 체인의 최종 종착점은 전역 스코프다.

function outer() {
  const a = 1;
  function inner() {
    const b = 2;
    console.log(a); // 1 (스코프 체인을 따라 outer의 a를 찾음)
  }
  inner();
}
outer();

• var 변수는 오로지 함수레벨 스코프에서만 지역 스코프가 생기기때문에 if문같은 조건문에서는 전역변수로 사용됨.

렉시컬 스코프

• 변수를 어디서 선언했는지에 따라 스코프를 결정하는 방식
• 함수가 선언된 위치에 따라 그 함수의 스코프가 결정되며, 실행 시점이 아닌 코드 작성 시점에 스코프가 고정된다. 이 때문에, 내부 함수는 자신이 선언된 시점에 유효했던 외부 변수들에 접근

const x = 10;

function outer() {
  const y = 20;

  function inner() {
    console.log(x); // 10 (렉시컬 스코프에 의해 x는 outer 외부의 변수를 참조)
    console.log(y); // 20 (렉시컬 스코프에 의해 y는 outer 함수의 변수를 참조)
  }

  inner();
}

outer();