var vs let vs const

계산기를 구현한 후 복습하는 과정에서 let 과 const의 정확한 차이가 궁금하여 공부하게 되었다.

var

특징

• 중복 선언이 가능하다.

<script>
var name = 'Python';
console.log(name);
>>> Python

var name = 'Javascript';
console.log(name);
>>> Javascript
</script>

위처럼 var로 선언한 변수는 동일한 이름으로 여러 번 중복해서 선언이 가능하다.
이 때 마지막에 할당된 값이 변수에 저장된다.

하지만, 변수를 유연하게 쓸 수 있다는 점에서 장점을 가지고 있지만, 코드의 양이 방대하며 중복된 변수를 쓸 때에는 혼란을 야기할 수 있다.

let

특징

• 중복 선언이 불가능하다.
• 재할당이 가능하다.

<script>
let name = 'Python';
console.log(name);
>>> Python

let name = 'javascript';
console.log(name);
>>> Uncaught SyntaxError : Identifier 'name' has already benn declared

name = 'C++';
console.log(name);
>>> C++
</script>

위처럼 let은 선언한 변수와 동일한 이름으로 중복 선언은 되지않는다.
하지만 'C++'처럼 다른 값을 재할당은 가능하다.

const

특징

• 중복 선언이 불가능하다.
• 재할당이 불가능하다.

<script>
const name = 'Python';
console.log(name);
>>> Python

const name = 'Javascript';
console.log(name);
>>> Uncaught SyntaxError : Identifier 'name' has already benn declared

name = 'C++';
console.log(name);
>>> Uncaught TypeError : Assignment to constant variable
</script>

위처럼 중복 선언과 재할당 시, 오류가 발생한다.