변수 선언이 런타임에서 되는 것이 아니라, 그 이전 단계에서 먼저 실행되기 때문이다. 자바스크립트 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서, 변수 선언을 포함한 모든 선언문(ex. 변수 선언문, 함수 선언문 등)을 찾아내 먼저 실행한다. 즉, 변수 선언이 어디에 있든 상관없이 다른 코드보다 먼저 실행되는 특징을 호이스팅(hoisting)이라 한다.
변수 선언 뿐만 아니라, var, let, const, function, function*, class 키워드를 사용해 선언한 모든 식별자(변수, 함수, 클래스 등)는 호이스팅이 된다.
변수의 생성과정
선언 단계 : 변수명을 등록하여 자바스크립트 엔진에 변수의 존재를 알린다.
초기화 단계 : 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화 한다.
var, let, const의 차이
var 키워드의 문제점은 크게 세가지가 존재한다.
- 변수 중복 선언 가능하여, 예기치 못한 값을 반환할 수 있다.
- 함수 레벨 스코프로 인해 함수 외부에서 선언한 변수는 모두 전역 변수로 된다.
- 변수 선언문 이전에 변수를 참조하면 언제다 undefined를 반환한다.
ES6에서 등장한 let과 const키워드는 위의 세가지 문제점을 해결했다.
let 키워드로는 변수 중복 선언이 불가하지만, 재할당은 가능하다.
const 는 반드시 선언과 초기화를 동시에 진행해야 한다.
const도 let과 마찬가지로 재선언이 불가하며, 재할당도 불가하다. 재할당의 경우, 원시 값은 불가능하지만, 객체는 가능하다. const키워드는 재할당을 금지할 뿐, "불변"을 의미하지 않는다.
스코프
스코프(scope)는 식별자(ex. 변수명, 함수명, 클래스명 등)의 유효범위를 뜻하며, 선언된 위치에 따라 유효 범위가 달라진다. 전역에 선언된 변수는 전역 스코프를, 지역에 선언된 변수는 지역 스코프를 갖는다.
전역 변수는 어디서든지 참조 가능한 값
지역 변수는 함수 몸체 내부를 말한다. 따라서 지역 변수는 자신의 지역 스코프와 그 하위 지역 스코프에서 유효하다.
자바스크립트에서 모든 코드 블럭(if, for, while, try/catch 등)이 지역 스코프를 만들며, 이러한 특성을 블록 레벨 스코프라고 한다. 하지만 var 키워드로 선언된 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다. 이를 함수 레벨 스코프라고 한다.
var : 함수 레벨 스코프
let : 블록 레벨 스코프
const : 블록 레벨 스코프
ref)
1. https://www.youtube.com/watch?v=4_WLS9Lj6n4
2. https://www.howdy-mj.me/javascript/var-let-const/
