Programming/JavaScript
var / let / const 차이
dev?
2022. 6. 1. 18:19
반응형
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
반응형