var / let / const 차이

	var	let	const
변수 재선언	O	X	X
변수 재할당	O	O	X

 

 

1. var 

1-1) 재선언 / 재할당

var test = 'test';
console.log(test);

var test = 'javascript';
console.log(test);

같은 변수명으로 선언했으나 오류가 발생하지 않고 각각 다른 값으로 출력된다. (변수 재선언 가능)

⇒ 유연한 변수 선언으로 간단한 테스트에는 적합하나, 코드량이 많아질 경우 변수 파악이 어려움 

(이를 보안하기 위해 ES6이후 let / const 변수 선언 방식 추가됨)

 

 

 

2. let 

2-1) 재선언

// var -> let 변경
let test = 'test';
console.log(test);

let test = 'javascript';
console.log(test);

이미 선언된 변수라는 에러 메시지 출력된다.

⇒ 변수 재선언 불가

 

 

2-2) 재할당

let test = 'test';
console.log(test);

test = 'javascript';
console.log(test);

새로 선언하지 않고 재할당 한 경우 재할당한 값으로 출력된다.

⇒ 변수 재할당 가능

 

 

 

3. const

3-1) 재선언

// var -> const 변경
const test = 'test';
console.log(test);

const test = 'javascript';
console.log(test);

이미 선언된 변수라는 에러 메시지 출력된다.

⇒ 변수 재선언 불가

 

 

3-2) 재할당

const test = 'test';
console.log(test);

test = 'javascript';
console.log(test);

const는 재할당 불가능이라는 메시지가 출력된다.

⇒ 변수 재할당 불가

 

 

 

 

---

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

var, let, const 차이점

https://heinafantasy.com/153

자바스크립트 변수 var, let, const 차이