[Javascript] - var와 let의 차이점

var와 let의 주요 차이점에 대해서 알아봅시다 ! 😊

스코프(Scope)

• var: 함수 스코프를 가집니다. 즉, 함수 내에서만 유효하며, 함수 외부에서는 접근할 수 없습니다. 그러나 함수 내부에서 선언된 경우, 블록({}) 내에서 선언된 것과 상관없이 함수 전체에서 접근 가능합니다.
• let: 블록 스코프를 가집니다. 즉, 중괄호({})로 묶인 블록 내에서만 유효하며, 블록 외부에서는 접근할 수 없습니다.

변수 호이스팅(Variable Hoisting)

• var: 선언이 호이스팅(변수 선언이 코드의 최상단으로 끌어올려지는 현상)됩니다. 그러나 초기화는 호이스팅되지 않아 undefined 값을 반환할 수 있습니다.
• let: 선언은 호이스팅되지만, 초기화가 호이스팅되지 않아서 초기화 전 접근하면 ReferenceError가 발생합니다.

재선언 가능 여부

• var: 동일한 스코프 내에서 변수 재선언이 가능합니다.
• let: 동일한 스코프 내에서 변수 재선언이 불가능합니다. let을 사용하면 같은 변수 이름으로 두 번 선언할 수 없습니다.

 

let은 블록 스코프와 더 안전한 변수 선언 방식을 제공하며,
var는 함수 스코프와 호이스팅으로 인해 예기치 않은 동작을 할 수 있습니다.