끄적끄적 메모장
[JavaScript] 변수 var const let 공부 본문
변수를 선언해보자
먼저 var 변수를 선언해보자
var a = 10;
console.log(a);
function varTest() {
var b="javascript";
console.log(b);
}
console.log(b);
콘솔 출력 값으로는 a는 10 함수 안에 있는 b, 함수 밖에 있는 b는 javascript 가 나오게 됩니다.
var 변수는 함수 외부에서 선언될 때 전체 범위에서 나타낼 수 있습니다. 즉 함수 외부에서도 var를 사용하여 선언된 모든 변수를 쓸 수있습니다.
또한 var 변수는 같은 범위내에서는 재선언이 가능합니다. 또한 재할당이 가능합니다.
두번째로 let 변수를 선언해보자
let aaa=10;
console.log(aaa);
aaa=20;
console.log(aaa);
let aaa=20; // 재할당은 가능하지만 재선언은 가능하지 않아 오류가 나온다.
console.log(aaa)
콘솔 출력 값으로는 첫번째 aaa는 10 두번째 aaa는 20 가 나오게 됩니다.
let 변수는 함수 내부에서만 사용했던 변수가 외부에서 사용하게 되면 오류가 나타나게됩니다. 즉 중괄호로 감싸진 정의된 블록 내부에서 사용이 가능합니다.
또한 let 변수는 var 변수와 마찬가지로 범위내에 재선언은 가능하지만 재할당은 불가능합니다.
마지막으로 const 변수를 선언해보자
const bb=50;
console.log(bb);
bb=33;
console.log(bb); // const는 재할당을 할 수 없다.
const bb=33;
console.log(bb); // const는 재선언을 할 수 없다.
콘솔 출력 값으로는 첫번째 bb는 50 가 나오게 됩니다.
const 변수는 let 변수와 마찬가지로 선언된 블록 범위 내에서만 접근이 가능합니다.
또한 const 변수는 재할당, 재선언 둘다 하지 못합니다.
세가지 변수에 대해서 정리하자면
1) var은 전역 범위가 가능하며, let,const은 블록 범위입니다.
2) var은 재선언 재할당이 가능하고, let은 재할당은 가능하지만 재선언은 불가능하다. const는 재할당, 재선언이 불가능합니다.
'프론트엔드 > JavaScript' 카테고리의 다른 글
[JavaScript] 문자열에 대해서 알아보자 (0) | 2023.05.02 |
---|---|
[JavaScript] 배열 속성과 메소드에 대해서 알아보자 (0) | 2023.04.24 |
[JavaScript] 반복문에 대해서 알아보자 (0) | 2023.04.24 |
[JavaScript] 조건문에 대해서 알아보자 (0) | 2023.04.24 |
[JavaScript] 연산자 공부하기 (0) | 2023.04.20 |
Comments