본문 바로가기

Web/CS공부

[JavaScript] 변수 신문법 : var, let, const

 

기본 변수 사용법

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