[JS] let, var, const의 차이

자바스크립트에서 변수를 선언할 때 사용되는 키워드로는 let, var, const가 있다. 이번 글에서는 각 키워드의 특징을 살펴보고, 어떤 상황에서 어떤 키워드를 선택해야 하는지에 대한 글이다.

 

1. let

'let'은 블록 범위(scope)를 가지는 변수를 선언하는 키워드다. 블록 범위란 중괄호({})로 둘러싸인 부분을 말한다. 이는 해당 변수가 선언된 블록 내에서만 유효하다는 의미다.

 

{
  let x = 10;
  console.log(x); // 10
}

console.log(x); // ReferenceError: x is not defined

 

'let'으로 선언된 변수는 재할당이 가능하다.

let count = 0;
count = 1;
console.log(count); // 1

 

 

2. var

'var'는 'let'과 마찬가지로 변수를 선언하는 키워드다. 하지만 'var'로 선언된 변수는 함수 범위(function scope)를 가지거나, 함수 범위가 없는 전역 범위에서 유효하다.

 

if (true) {
  var y = 20;
  console.log(y); // 20
}

console.log(y); // 20

 

'var'로 선언된 변수는 함수나 전역에서 재설정이 가능하며, 재할당도 가능하다.

var score = 80;
var score = 90; // 재선언 가능
score = 95; // 재할당 가능

 

하지만 'var'는 호이스팅(hoisting)이 발생하기 때문에 변수가 선언되기 전에 참조해도 에러가 발생하지 않는다.

 

3. const

'const'는 상수를 선언하는 키워드로, 한 번 값을 할당하면 다시 재할당할 수 없다. 블록 범위를 가지며, 재할당이 불가능하기 때문에 상수의 성격을 가지고 있다.

const PI = 3.14;
PI = 3.14159; // TypeError: Assignment to constant variable.

 

'const'로 선언된 변수는 반드시 선언과 동시에 초기화되어야 한다.

 

const name; // SyntaxError: Missing initializer in const declaration
const age = 30; // 올바른 선언

 

 

결론
let: 블록 범위, 재할당 가능
var: 함수 범위 또는 전역 범위, 재선언 및 재할당 가능, 호이스팅 발생
const: 블록 범위, 재할당 불가능, 반드시 초기화 필요