[Q] Ch21 암묵적 전역관련 const, let과 var의 차이

[JeongHeonK]

Questions

관련 이슈: null

페이지: P340

---

21장 빌트인 객체의 암묵적 전역 관련 질문드립니다.

let a = 1;
var b = 2;
window.a = 3;
window.b = 4;

console.log(a + b); // 5 출력

위 코드에서 let으로 선언한 변수 a는 전역에 선언하고 할당했으나, 전역변수를 수정하는 코드를 실행했을 때 값이 변경되지 않습니다.
(node.js 실행환경이 아니라 전역 객체는 window일 경우입니다.)

그러나 var로 선언한 변수 b의 경우, window.b로 재할당되어 4로 변경됩니다.

---

이 때 왜 var는 전역 변수로 등록했을 경우 window['새 변수']로 접근이 가능하나, const, let은 불가능 한지 궁금합니다.

[siwon99]

var로 선언한 변수는 window 객체의 한 속성으로 취급되기 때문에 window 객체의 프로퍼티로서 window.b에 접근 가능합니다.
따라서 console.log(window.b)를 출력하면 해당 값이 출력됩니다.

var b = 2;
console.log(window.b); //2

하지만 let과 const로 선언된 변수는 window 객체의 프로퍼티로 등록되지 않기에 window.b로 접근이 불가능합니다.
즉, 전역적으로 선언된 것처럼 보이지만 실제로는 전역 객체의 프로퍼티가 아니기 때문에 console.log(window.a)와 console.log(window.c)를 출력하면 undefined값이 출력됩니다.

let a = 1;
console.log(window.a); //undefined
console.log(a); //1

const c = 3;
console.log(window.c); //undefined
console.log(c); //3

let과 const는 안전한 코딩을 위해 전역 객체에 의존하지 않도록 설계했기 때문에 var와 달리 let과 const는 전역 스코프에 변수나 상수를 추가하더라도 전역 객체의 속성으로는 등록되지 않습니다.