[모딥다] 15장 let, const 키워드와 블록 레벨 스코프

15.1 var 키워드로 선언한 변수의 문제점

15.1.1 변수 중복 선언 허용 

동일한 이름의 변수 선언이 가능함.

 

15.1.2 함수 레벨 스코프

오로지 함수의 코드 블록만을 지역 스코프로 정함. 

-> 외부에서 var 키워드로 선언한 변수 : 모두 전역 변수가 됨.

 

15.1.3 변수 호이스팅

변수 호이스팅에 의해 vay 키워드로 선언한 변수는 

변수 선언문 이전에 참조할 수 있다.

 

 

15.2 let 키워드

15.2.1 변수 중복 선언 금지

중복으로 선언 안됨.

 

15.2.2 블록 레벨 스코프

모든 코드 블록을 지역 스코프로 인정하는 블록 레벨 스코프를 따른다.

 

15.2.3 변수 호이스팅

변수 호이스팅이 발생하지 않는 것처럼 동작한다.

선언문 이전에 참조하면, ReferenceError 발생함.

let 으로 선언한 변수는 '선언 단계' 와 '초기화 단계'가 분리되어 진행됨. 

=> 즉, 선언단계가 먼저 실행되지만, 초기화 단계는 변수 선언문에 도달했을 때 실행됨.

일시적 사각지대 :: 스코프 시작 시점 ~ 초기화 시점 :: 변수를 참조 할 수 없는 구간

 

15.2.4 전역 객체와 let

var 키워드로 선언한 전역 변수,

전역 함수,

그리고 선언하지 않은 변수에 값을 할당한 암묵적 전역

=> 3가지는 전역 객체 window 의 프로퍼티가 됨. 

전역 객체의 프로퍼티를 참조할 때 window 를 생략할 수 있음.

 

하지만 let으로 선언한 전역 변수는 전역 객체의 프로퍼티가 아님. 

 

 

15.3 const 키워드

상수를 선언하기 위해 사용. 

let 키워드와 대부분 비슷하고, 다른 점 위주로 아래 서술

 

15.3.1 선언과 초기화

const 키워드로 선언한 변수는 반드시 선언과 동시에 초기화 해야한다.

let 과 같이 블록레벨 스코프를 가짐. 

 

15.3.2 재할당 금지

var, let 변수는 재할당 자유로움

const 는 재할당 금지

 

15.3.3 상수

원시값을 할당한 경우 -> 변수 값을 변경할 수 없음.

상수: 재할당이 금지된 변수를 의미. 

 

15.3.4 const 키워드와 객체

const 키워드로 선언된 변수에 객체를 할당한 경우, 값을 변경할 수 있다.

객체는 재할당 없이도 내용 변경이 가능하기 때문.

const 키워드는 재할당을 금지할 뿐, '불변'을 의미하진 않는다.

=> 새로운 값을 재할당 하는 것이 불가능하지만, 

프로퍼티의 동적 생성, 삭제, 프로퍼티 값의 변경을 통해 객체를 변경하는 것은 가능.

 

 

15.4 var vs let vs const

- ES6 사용 시 var 키워드 사용하지 않기.

- 재할당이 필요한 경우 한정 let 사용. 이 때 변수의 스코프는 최대한 좁게

- 변경 발생 안하는 원시값, 객체는 const 키워드 사용. 안전함. 

- const 사용하다가 필요시 let으로 바꾸면 된다.