var , let , const 차이점

1 , Var 은 중복 선언이 가능 

• var 로 선언한 변수는 동일한 이름으로 여러 번 중복해서 선인이 가능 ( 위 줄처럼) , 이와 같은 경우 마지막에 할당된 값이 변수에 저장됨 , 위의 예제를 보면 에러 없이 각기 다른 값이 출력되는 것을 볼 수 있음
• 이는 필요할 때마다 변수를 유연하게 사용할 수 있다는 장점이 될 수도 있지만, 기존에 선언해둔 변수의 존재를 잊고 값을 재할당하는 등의 실수가 발생할 가능성이 큼. 특히 코드량이 많아졌을 때, 같은 이름의 변수명이 여러 번 선언되었다면 어디 부분에서 문제가 발생하는지 파악하기 힘들뿐더러 값이 바뀔 우려가 있음.
• 이를 보완하기 위해 ES6부터 추가된 변수 선언 방식이 let 과 const 임.

 

 

 

let : 중복 선언 불가능 , 재할당 가능 

 

var 와 다르게 let 은 해당 변수가 이미 선언되었다는 에러 메세지가 뜨면서 이처럼 중복 선언이 불가능함 

 

3번 쨰의 name = 'css'; 처럼 선언 및 초기화 이후 반복해서 다른 값을 재할당 할 수는 있다 

 

const : 중복 선언 불가능  , 재할당 불가능 

 

 

위 빨간 네모칸 처럼 "const" 가 총 두번이 들어가면 중복이 불가능하다 여기서 

 

let 과 const 의 차이점은 immutable의 여부이다 , let 은 변수에 다른 값을 재 할당할수 있지만은 const 는 재 할당시 에러 메세지가 출력됨 

 

const 중복 선언시 에러메세지

이처럼 const 은 constant ( 상수) 를 뜻하기에 한번만 선언이 가능하며 값을 바꿀 수도 없다라는 단점이 존재함 

결과적으로는 const는 불변을 의미하는 것과 다르게 값을 재할당하는 코드만 불가느아다고 볼 수 있다

 

또 한 오늘의 코드로 예를 들어보자면 

 

Var로 예시를 들면 

 

전역 변수와 지역 변수에 둘다 var 변수로 대입을 해본 결과 

 

로 결과물이 나옵니다 하지만 여기서 var은