[JavaScript] var, let, const 차이

⭐ var

1. variable(변수)

2. 재선언 가능

ex)

var a = 1;
console.log(a); // 1
var a = 10;
console.log(a); // 10

 

3. 재선언이 가능하기 때문에 이미 선언한 변수 이름에 다른 값을 넣어 선언하면 다른 값이 출력된다.

ex)

var name = 'cat';
console.log(name); // cat
var name = 'dog';
console.log(name); // dog

 

4. 재할당 가능

ex)

var a = 1;
console.log(a); // 1
a = 10;
console.log(a); // 10

 

5. 호이스팅(Hoisting) 가능

var은 선언 단계와 초기화 단계가 한번에 이루어진다.

 

🔥 호이스팅(Hoisting)이란?

함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다.

 

ex)

console.log(name);  // Undefined
var name;

name = cat;
console.log(name); // cat

 

6. 사용 범위(scope)

function 기준으로 범위가 지정된다.

 

⭐ let

1. ES6 이후 var의 단점을 보완하기 위해 추가된 변수 선언 방식.

2. 재선언 불가능

 

ex)

let a = 1;
console.log(a);
let a = 5;
console.log(a);  // Identifier 'a' has already been declared.
                 // 식별자 'a'가 이미 선언되어있다

 

3. 재할당 가능

 

ex)

let a = 1;
console.log(a);
a = 5;
console.log(a); // 5

 

4. 호이스팅(Hoisting) 가능. but 참조 에러가 발생한다.

let은 선언 단계와 초기화 단계가 분리되어 이루어진다.

 

ex)

console.log(name);  // Error : Uncaught ReferenceError: bar is not defined.
let name;

 

5. 사용 범위(scope)

대괄호 {} 기준으로 범위가 지정된다.

 

⭐ const

1. ES6 이후 var의 단점을 보완하기 위해 추가된 변수 선언 방식.

2. constant(상수)

3. 재선언, 재할당 모두 불가능

선언하면서 초기화를 해줘서 그 이후엔 수정이 불가능하다.

4. 사용 범위(scope)

대괄호 {} 기준으로 범위가 지정된다.