var,let,const 차이

새로운 포트폴리오를 만들고 쉬다가 오랜만에 게시를 하게 됩니다~

세가지 변수선언의 차이를 알아보겠습니다.

1. var (재선언 가능 , 재할당 가능)

<script>
   var color = "blue";
   console.log(color);  //blue 
   
   var color = "red";
   console.log(color);  //red
</script>

여러번 변수를 선언해도 각각의 값이 출력이 됩니다.
같은 이름의 변수명을 남용하게 될 수 있습니다.

2. let (재선언 불가능 , 재할당 가능)

<script>
   let color = "blue";
   console.log(color);  //blue

   color = "red";
   console.log(color);  //red 재할당 가능

   let color = "yellow"
   console.log(color);  // 오류 재선언 불가능
</script>

3. const (재선언 불가능, 재할당 불가능)

<script>
   const color = "blue";
   console.log(color);  //blue

   color = "red";
   console.log(color);  //red 재할당 불가능

   const color = "yellow";
   console.log(color);  // 재선언 불가능
</script>

변수를 한번 선언 하면 재선언, 재할당을 통해 변경 불가합니다.

var보다는 es6부터 추가된
let이나 const를 사용 하는것이 좋으며 몇백줄의 수 많은 코드 중에서
변수의 중복사용을 방지하고 싶다면 const
재할당이 필요할 것 같으면 let을 사용!!