JavaScript / var, let, const 재선언, 재할당 차이

1. 변수의 선언, 할당, 범위란?

변수를 사용할 때에

선언과 할당이라는 용어가 있는데,

변수 만드는 것을 선언,

변수에 뭐 넣는 것을 할당이라고 합니다.

 

var 이름;
var 나이;

이런 코드를 선언이라고 합니다.

 

var 나이;
var 이름;
나이 = 23;
이름 = 'lim';

 

아래 두줄이

할당이라고 합니다.

 

1. 저렇게 선언만 따로 할당만 따로도 가능합니다.

2. 이미 있는 변수를 재선언 할 수 있습니다.

3. 이미 들어있는 값을 등호로 재할당 할 수 있습니다.

function 함수(){
  var 나이 = 23;
  console.log(나이); //가능
}

console.log(나이); //불가능

변수는 사용가능 범위라는 것이 있습니다.

함수 안에서 변수를 만들었을 경우,

함수 안에서만 사용가능하고 

밖에서 출력 시 에러뜹니다.

 

함수 바깥에서 만든 변수만 사용가능합니다.

 

2. var, let, const 재선언, 재할당 차이

let 나이 = '23';
const 나이 = 23;

 

let, const문법을 써도 var과 같이 출력됩니다.

 

let 나이 = '23';
let 나이; //에러뜸

하지만 let, const는 재선언이 불가능합니다.

 

+)

재선언이 불가능한let, const의 쓰임:

코드를 길게 작성할 일이 생겼을 때, 변수 만든 것을 또 만들고

그런 실수가 발생할 수 있습니다. 그것을 방지해줍니다.

 

const 나이 = 23;
나이 = 23;  //에러뜸

 

const는 재할당도 불가능합니다.

 

+)

재할당이 불가능한 const의 쓰임:

값을 수정하면 안되는 변수를 만들때 유용합니다.

 

if (true) {
  let 이름 = 'lim';
}

console.log(이름); //없다고 나옴

 

let과 const는 범위가 더 좁아요.

모든 중괄호가 범위입니다. if, function, 나중에 배울 for반복문 

이런것은 중괄호가 있습니다. 

중괄호 안에서 만든 let, const 변수의 경우

중괄호를 벗어나면 

없다고 뜹니다.

 

3. 정리

 

var	Function-scoped	재선언 ㅇ	재할당 o
let	{Block-scoped}	재선언 x	재할당 o
const	{Block-scoped}	재선언 x	재할당 x