ch15-해설.md

Chapter15 let, const 키워드와 블록 레벨 스코프

📌문제1

1) 다음 코드의 실행 결과 (1), (3), (5)를 예측하세요.

2) 일시적 사각지대(TDZ)란 무엇인지 서술하고, 코드에서 그 구간을 고르세요.

console.log(foo); // (1)

lef foo; // (2)
console.log(foo); // (3)

foo = 1; // (4)
console.log(foo); // (5)

1) 정답 및 해설

(1) ReferenceError: foo is not defined
(3) undefined
(5) 1

(1) 초기화 이전의 일시적 사각지대
(2) 변수 선언문에서 초기화 단계 실행
(5) 할당문에서 할당 단계 실행

2) 정답 및 해설

일시적 사각지대(TDZ)란 스코프의 시작 시점부터 초기화 시작 지점까지 변수를 참조할 수 없는 구간을 뜻한다.
(1)

📌문제2

다음 문장의 true or false를 판단하세요.

(1) 함수 외부에서 var 키워드로 선언한 변수는 코드 블록 내에서 선언해도 모두 전역 변수가 된다.
(2) let 키워드로 선언한 변수는 변수 호이스팅이 발생하지 않는다.
(3) const 키워드로 선언한 변수는 초기화를 동시에 하지 않으면 에러가 발생한다.
(4) const 키워드로 선언된 변수는 값을 변경할 수 있는 방법이 없다.

정답 및 해설

(1) true
(2) false
(3) true
(4) false

(1) 209p
var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다.
이는 의도치 않게 변수값이 변경되는 부작용을 발생시킨다.

(2) 213p
자바스크립트는 ES6에서 도입된 let, const를 포함한 모든 선언을 호이스팅한다.
단, ES6에서 도입된 let, const, class를 사용한 선언문은 호이스팅이 발생하지 않는 것처럼 동작한다.

(3) 215p
const 키워드로 선언한 변수는 반드시 선언과 동시에 초기화해야 한다.
그렇지 않으면 문법 에러가 발생한다.
(SyntaxError: Missing initializer in const declaration)

(4) 217p
const 키워드로 선언된 변수에 원시 값을 할당한 경우,
원시 값은 변경할 수 없는 값이고 const 키워드로 인해 재할당이 금지되어 할당된 값을 변경할 수 없다.
하지만 const 키워드로 선언된 변수에 객체를 할당한 경우에는 값을 변경할 수 있다.
객체는 변경 가능한 값이기 때문에 재할당 없이도 직접 변경 가능하다.

📌문제3

다음 문장의 true or false를 판단하세요.

1. 객체는 변경이 가능하다.
2. 객체의 불변성유지란 객체의 재할당을 금지하는것을 의미한다.

정답 및 해설

(1) true
(2) false - 객체의 프로퍼티,메서드의 불변을 의미한다. 따라서 객체 내부의 변경사항이 발생했을때 프로퍼티,메서드를 직접 변경하지않고,
새로운 객체를 할당해줌으로써 프로퍼티나 메서드를 독립적으로 관리할 수 있게된다.

📌문제4

다음 코드의 결과를 쓰시오

var x = 1;
let y = 1;
for(var x = 0; x < 1; x++){
    var x = 10; 
    let y = 10;
}
console.log(x);
console.log(y);

정답 및 해설

11
1
var 키워드로 선언된 변수는 함수 스코프를 가지기 때문에 for 문 안에서 재선언될 수 있다.
반면 let 키워드는 블록 스코프를 가지기 때문에 for 문 안에서 스코프가 따로 만들어지게 된다.

📌문제5

아래 코드에서 ReferenceError가 발생합니다. 이에 대한 이유를 호이스팅, 스코프단어와 함께 작성하시오.

let foo = 1; // (1)
{
  console.log(foo);
  let foo = 2; // (2)
}

정답 및 해설

ReferenceError: Cannot access 'foo' before initialization
let 키워드로 선언하기 전에 변수를 호출한 에러이다.
위 문제에서 이와 같은 에러가 발생한 이유는 let 키워드를 통해 (2)에서 선언을 하였지만,
호이스팅을 통해 블록({})에 진입하였을 때, (console.log보다) 먼저 선언 단계가 진행된다.
하지만 var 키워드와 다르게 초기화 단계까지 진행되지 않는다.
따라서 초기화 되지 않은 변수를 호출하려고하니 에러가 발생한다.

만약 let키워드가 호이스팅되지 않는다면,
console.log에서 foo변수를 찾기 위해 스코프체이닝을 통해 상위 스코프로 올라가면서 foo변수를 찾는다.
상위 스코프의 (1)에서 foo변수를 찾으므로 1이 출력될 수 있다.

만약 (1)의 코드가 아예 없고, let 키워드가 호이스팅 되지 않는다면, (선언하지 않은 변수를 호출하는 경우)
ReferenceError: 'foo' is not defined
로 다른 설명의 에러가 출력된다.