기본 변수 사용법
var 변수이름 = 저장할 값
기존에 사용하던var, 그리고 ES6부터 새로 생긴 let, const
변수에는 선언, 할당, 범위 라는 특징이 있다.
var : 재선언 가능, 재할당 가능, 범위 function
let : 재선언 불가능, 재할당 가능, 범위 중괄호 { }
const : 재선언 불가능, 재할당 불가능, 범위 중괄호 { }
재선언이란?
- 같은 변수 이름을 여러번 선언을 할 수 있다.
- let, const는 재선언이 불가능하다.
// var는 재선언이 가능하다.
var name = 'kim';
var name = 'park';
var name = '~~~~~';
// -> 가능
// let, const는 재선언이 불가능하다.
let age = 20;
let age = 30;
// -> 불가능
const age = 20;
const age = 30;
// -> 불가능
재할당이란?
- var 이름 = 'kim'; -> 밑줄 친 부분이 할당 범위
- 재할당이란 한번 할당한 변수이름의 값을 변경하는 것을 말한다.
- var, let은 재할당이 가능하다.
var name = 'Kim'; // -> 선언
name = 'park'; // -> 재할당
범위란?
- 해당 변수를 불러서 사용할 수 있는 범위를 말한다.
- var의 경우에는 function에서만 사용할 수 있다.
- let, const의 범위는 중괄호{ } 안에서만 사용 가능하다.
// var의 범위는 함수 내에서만
function 함수(){
var name = 'Kim';
console.log(name) // -> 가능
};
console.log(name) // -> 불가능
// let, const의 범위는 중괄호{ }
if(true){
let name = 'Park';
}
console.log(name); // 불가능
for (let v = 1;){
// 해당 범위 안에서만 let, const를 사용할 수 있다.
}
728x90
'Web > CS공부' 카테고리의 다른 글
[JavaScript] 문자 다루는 방법(Template Literals) (0) | 2022.01.26 |
---|---|
[JavaScript] 전역변수, 지역변수 (0) | 2022.01.25 |
[JavaScript] 호이스팅(Hoisting) (0) | 2022.01.25 |
[JavaScript] 기존 function과 Arrow function 의 차이 (0) | 2022.01.25 |
[JavaScript] this의 상황별 뜻 (0) | 2022.01.24 |