자바스크립트 const 과 var 차이

const와 var는 JavaScript에서 변수를 선언하는 데 사용되는 두 가지 키워드입니다. 그러나 그들 간에 중요한 차이점이 있습니다:

변수 유효 범위 (Scope):

var: var로 선언된 변수는 함수 스코프를 가집니다. 즉, 변수는 선언된 함수 내에서만 유효합니다. 함수 내에서 선언된 var 변수는 함수 내에서만 접근할 수 있으며 함수 외부에서는 접근할 수 없습니다.
const: const로 선언된 변수는 블록 스코프를 가집니다. 이는 변수가 선언된 중괄호 블록 내에서만 유효하며, 블록 외부에서는 접근할 수 없습니다. 블록 스코프는 함수, if 문, for 문 등의 중괄호로 둘러싸인 범위를 의미합니다.
변수 재할당:

var: var로 선언된 변수는 값을 재할당할 수 있습니다. 다시 말해, 한 번 선언한 후에 다른 값을 대입할 수 있습니다.
const: const로 선언된 변수는 재할당이 불가능합니다. 한 번 값을 할당하면 변경할 수 없으므로 상수로 취급됩니다.

 

예시:

// var로 선언한 변수
var x = 10;
if (true) {
  var x = 20; // x 변수가 함수 스코프를 공유하므로 값이 변경됨
}
console.log(x); // 출력 결과: 20

// const로 선언한 변수
const y = 10;
if (true) {
  const y = 20; // 블록 스코프를 가지므로 새로운 변수 y가 생성됨
}
console.log(y); // 출력 결과: 10

따라서, 변수의 스코프와 재할당 가능 여부를 고려하여 const와 var 중 어떤 키워드를 사용할 것인지 선택해야 합니다. ES6 이후에는 let과 const가 변수 선언에 권장되며, var는 사용을 피하는 것이 좋습니다.