🔥 #5 javascript(let과 var의 차이)

🔥 let과 var의 차이

var는 단점이 많다.

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

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

이와 같이 변수의 이름이 중복이 되어도 오류가 뜨지 않는다.
또 전역변수와 지역변수의 개념이 확실치 않다. 이 말이 무슨 말이냐면 var같은 경우에는 함수만 지역변수로 호이스팅이 되고 나머지는 전역변수로 다 올려버린다.

❌ 지역변수, 전역변수
- 전역변수 : 블락{} 밖에서 선언을 한 어디서든 쓰일 수 있는 변수
- 지역변수 : 블락{} 안에서 선언된 변수, 블락안에서만 쓸 수 있다.

❌ 호이스팅
코드가 실행 되기전에 자바스크립트 엔진이 선언해둔 변수가 뭐가 있는지 조사를 한다.(선언단계) 선언된 변수와 함수를 가져가서 메모리에 기억을 해둔다.(초기화단계) 그러다가 누군가 a라는 변수를 불러내는 개념이다. 즉 안에있는 변수들을 범위의 최 상단으로 끌어올리는 것이다.

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

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

위와 같이 코드를 보면 결과 값이 오류가 날 것 같지만. 결과 값을 보면

그림과 같이 오류가 아닌 undefined 라고 뜬다. 그 이유가 바로 호이스팅 때문이다.
변수가 선언됬었지? 그 변수는 있는거 알아 그치만 값은 선인이 되지 않았으니 undefinde야. 라고 해준다.

이 var의 단점을 잡아주고자 let이라는 변수가 나온 것 이다.
let는 중복 선언은 불가능하지만 재할당은 가능하다.