[Javascript-Core] 변수의 선언 var과 let 그리고const의 차이 :: Difference among var and let and const

자바스크립트를 학습하기 위해서 책을 봤을 때, 대부분의 책에서 var으로 변수를 선언하라고 가르친다.
하지만 내가 예전에 소마를 준비할 때 소마 시험을 위해 잠깐 자바스크립트를 공부했던 적이 있는데, 그 때 var대신 let으로 변수를 선언하라고 했던 글을 본 적이 있었다. 오늘은 그 두 차이점을 확실히 비교해보고 넘어가보자.

 

결론

	var	let	const
재선언	O	X	X
재할당	O	O	X
생존 범위	Funtion Scope(함수)	Block Scope(중괄호)	Block Scope(중괄호)

변수

자바스크립트에서도 다른 언어와 같이 변수에 값을 담을 수 있다.

 

변수는 variable으로 변할 수 있는 데이터를 담는 그릇의 역할을 수행한다.

우리가 변수를 사용하는 이유는 각각 다른 알고리즘을 통해서 특정 값을 도출해 내고 그 특정 값을 저장, 사용, 가공할 수 있게 하기 위해서 사용한다.

 

많은 사람들이 자바스크립트를 처음 배울 때 변수는 var 로 배우게 될 것이다.

 

하지만 이 변수 선언 방식에는 조그마한 오류가 존재한다.

 

다음과 같은 코드를 보자.

var a = 10;
console.log(a);

var a = 'Hello world'
console.log(a);

지금 다른 자바스크립트를 첫 언어로 하는 독자가 아니라 다른 프로그래밍 언어를 해봤던 독자는 이 부분이 뭔가 이상하다고 느낄 수도 있다.

 

바로 변수의 중복 선언이다.

 

이러한 중복 선언이 가능한 이유가 있다.

변수의 생존 범위

자바스크립트에서의 var 변수의 생존 범위는 조금 다르다. 일반적으로 우리는 Block Scope(블록 단위)라고 해서

for(int i = 0; i < 10; i++){
    System.out.println(i);
}

for(int i = 10; i > 0; i--){
    System.out.println(i);
}

이런 자바 for문이 있다고 했을 때 { ... } 중괄호의 범위 내에 있는 변수는 중괄호를 벗어난다면 생존 범위가 끝나 재사용이 가능하다고 알고 있다.

 

하지만 자바스크립트에서 변수의 생존 범위는 Function Scope 함수 단위라서 하나의 함수 내에서 변수는 동일한 상태로 유지가 된다.

 

그렇다면 여기서 중요한 사실.

 

중괄호를 벗어났다고 해서 생존 범위가 끝났다고 생각했다. 그래서 같은 이름의 새로운 함수를 정의했다.

 

이렇게 한다고 해도 오류가 나지 않는다는 것이다.

 

이 문제를 해결할 수 있는 방법이 두 가지가 탄생한다.

 

1. let
2. const

천천히 알아보자.

let 의 사용

우리가 위에서 var을 사용해선 안되는 이유로 중복 선언이 가능한 점을 들었다. let은 바로 이 점을 시원하게 막아준다.

 

 

아까랑 다르게 var 에서 let으로 선언했다면 어떤 결과가 일어날까?

 

우리가 우려했던 변수의 중복 선언을 Identifier 'a' has already been declared 로 막아준다.

 

그러한 let은 다른 언어의 변수 처럼

중복 정의가 아닌 동적 타입 할당을 통해서 값을 변경해줄 수 있게 된다.

const 의 사용

const는 let처럼 사용할 수 있다.

여기서 인터프릿을 한다면?

당연히 불가능하다.

그럼 let 과 const의 차이는 뭐야?

제곧내

let과 const의 차이점이 궁금할 수 있다.

 

이 부분은 Immutable이라는 한 단어로 정리할 수 있다.

 

내가 위에서 const a 재할당을 하는 보습을 안 보여줬는데, 바로 그게 let과 const의 차이이다.

 

const는 이렇게 재할당을 할 수가 없다.

---

그럼 왜 var은 Deprecated 되지 않아?

바로 호환성때문이다.

 

지금 인터넷상에는 수많은 js 코드가 존재한다.

 

하지만 단지 사용하면 오류를 초래할 수 있다는 이유 때문에 세상에 존재하는 모든 js에 var을 let로 변경해야할 수는 없다.

 

그렇기 때문에 아직 존재한다.