var const let 차이

자바스크립트에서 변수를 선언할 때 var, const, let 키워드를 사용합니다. 3개의 키워드는 변수를 재선언 가능한지, 변수에 데이터를 재할당 가능한지, 변수의 범위가 얼마나 되는지에 따라서 차이점이 있습니다.

 

변수의 선언

 

var a;
var a; 

let b;
let b; // 에러

const c;
const c; // 에러

 

var 키워드를 사용하면 변수를 재선언 할 수 있고 let, const 키워드를 사용하면 에러가 발생합니다.

 

변수의 값 할당

 

var a = "a";
a = "aa";
let b = "b";
b = "bb";
const c = "c";
c = "cc"; // 에러

 

var, let 키워드를 사용하면 변수에 값을 재할당 할 수 있고 const 키워드는 상수의 역할을 하기 때문에 변수를 선언하면서 초기화를 해야 하고 변경이 불가 해서 에러가 발생합니다.

 

변수의 범위

 

function f() {
  var a = "a";
  let b = "b";
  const c = "c";
  console.log(a, b, c);
}
f();

{
  var a = "a";
  let b = "b";
  const c = "c";
}
console.log(a);
console.log(b); // 에러
console.log(c); // 에러

 

var, let, const 키워드를 함수에서 선언을 했다면 함수 안에서만 사용이 가능하고 중괄호 블록에서 선언했다면 var 키워드는 중괄호 밖에서도 사용이 가능하고 let,const는 중괄호 안에서만 사용이 가능합니다.