var / let / const 의 특징

 

var / let / const 모두 자바스크립트에서 변수를 선언할 때 사용된다. 

겉보기에는 큰 차이가 없어보이나, 사용할때 각각 자기만의 특성이 있으므로 숙지해아한다. 

 

1. var 

• 변수의 재선언 가능
• 변수의 재할당 가능
• 로컬 / 전역 함수로 선언 및 활용 가능 

function Example_var(){
	{
    	var x = 10;
        var x = 15; // 재선언 가능
        x = 10; // 재할당 가능
    }
    console.log(x) // 15+10 = 25출력
}

 

2. let 

• 변수의 재선언 불가능
• 변수의 재할당은 가능
• 블록 스코프로 함수의 선언 / 활용 가능 

function Example_let(){
	{
    	let x = 10;
        // let x = 15; <-- 오류 발생 
        x = 15; // 재할당 가능
        console.log(x) // 25출력
    }
    //console.log(x) <-- 오류 발생 (블록 스코프로 적용되어 값이 존재하지 않음)
}

 

3. const 

• 변수의 재선언 불가능 (const의 의미는 상수임을 기억하자) 
• 변수의 재할당도 불가능
• 블록 스코프로 함수의 선언 / 활용 가능

function Example_const(){
	{
		const x = 10;
		//const x = 15; <-- 에러 발생 
		// x = 15; <-- 에러 발생 
		console.log(x) // 10 출력 
	}
	// console.log(x); <-- 에러 발생
}

 

요약하자면 다음과 같다.

	var	let	const
변수의 재선언	O	X	X
변수의 재할당	O	O	X
블록 스코프 적용	X	O	O