본문 바로가기
JavaScript

var, let const 차이점

by 제Lee 2023. 9. 7.

var 는 중복선언이 가능하고 재할당이 가능합니다 .

var name = 'javascript'
console.log(name)
//javascript

var name = 'run'
console.log(name)
//run

 

var를 사용하게 되면 변수를 유연하게 사용할 수 있다는 장점도 있지만

변수를 이미 선언했음에도 불구하고 다른 값이 출력되는 단점도 가지고 있다.

그렇기 때문에 많은 코드를 사용하게 되면 

값이 바뀌거나 재선언하는 경우가 발생할 수 있고 어디서 문제가 발생한 건지 파악하기 어려워진다.

 

var의 단점을 보완하기 위해서 ES6 이후 추가된 변수가 let과 const이다.

let은 중복선언이 불가능하고 재할당이 가능합니다.

let name = 'javascript'
console.log(name)
//javascript

let name = 'run'
console.log(name)
//Uncaught SyntaxError: Identifier 'name' has already been declared

//재할당이 가능하다
name = 'cat'
console.log(name)
//cat

let 은 같은 변수를 선언하게되면 이미 선언했다는 에러메세지가 뜹니다.

그러나 const와는 달리 name = 'cat' 이라고 변수를 초기화하면 재할당이 가능합니다.

 

 

 

const 는 중복선언이 불가능하고 재할당이 불가능해서 상수의 역할을 합니다.

const name = 'javascript'
console.log(name)
//javascript

name = 'run'
// Uncaught TypeError: Assignment to constant variable.

const 로 한번 변수를 선언하면 재할당을 해도 에러메세지가 나타나는 것을 확인 할 수 있다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<참고링크>

https://80000coding.oopy.io/e1721710-536f-43f2-823b-663389f5fbfa

https://velog.io/@bathingape/JavaScript-var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90

https://cheershennah.tistory.com/231

https://dev-coco.tistory.com/112

 

'JavaScript' 카테고리의 다른 글

자바스크립트란?  (0) 2023.10.25
배열  (6) 2023.04.05

댓글