유효 범위(Scope)

스코프란 변수의 유효 범위를 의미합니다. 다른 프로그래밍 언어와는 다르게 자바스크립트의 변수는 유효 범위가 전역으로 시작합니다. 예를 들어 아래와 같은 변수 선언은 자바스크립트로 접근할 수 있는 모든 영역에서 같은 값을 같습니다.

var a = 10;

만약 함수를 만들어 아래와 같이 접근하더라도 동일한 값을 출력하게 됩니다.

var a = 10;

function getA() {
  console.log(a);
}

getA(); // 10

함수 단위로 구분되는 변수 범위

기본적으로 변수의 유효 범위는 전역 범위를 갖는다고 하지만, 함수 안에서 새로 선언하는 경우 함수 단위의 새로운 유효 범위를 갖습니다. 아래 코드를 보겠습니다.

var a = 10;

function getA() {
  var a = 20;
  console.log(a);
}

getA(); // 20
console.log(a); // 10

위 코드는 함수 바깥에서 변수 a를 선언하고 10을 대입한 뒤, getA()라는 함수를 선언하면서 함수 안에 변수 a를 새로 선언하고 20을 대입한 코드입니다. getA() 함수를 실행하면 함수 안의 변수인 a가 20의 값으로 콘솔에 출력됩니다. 함수의 실행이 끝나고 나서 console.log(a);로 다시 a의 값을 출력하면 10이 출력됩니다.

여기서 변수의 유효 범위는 함수 단위(function)로 한정된다는 것을 알 수 있습니다.