ch14-해설.md

Chapter14 전역 변수의 문제점

📌문제1

true or false를 작성하시오

1. 지역 변수는 함수의 생명주기와 항상 일치한다.
2. var 키워드로 선언한 전역 변수의 생명 주기는 전역 객체의 생명 주기와 항상 일치한다.
3. 전역 변수는 스코프 체인 상에 가장 마지막에 존재하기 때문에 검색 속도가 가장 느리다. 

정답 및 해설

1. false. 대부분 일치하지만 지역 변수가 함수보다 오래 생존하는 경우가 있다.스코프를 참조하고 있다면 해제되지 않는다. 
2. true. var 키워드로 선언한 전역 변수는 전역 객체의 프로퍼티가 된다.
3. true. 전역 변수는 스코프 체인 상에서 종점에 존재하기 때문에 검색 속도가 가장 느리다.

📌문제2

전역 변수의 사용을 억제하는 방법중 ES6모듈에대해서 설명하시오.

답안 작성

1. Es6모듈은 파일 자체의 독자적인 모듈 스코프를 제공한다. 따라서 모듈 내에서 var키워드로 변수를 선언하더라도 더이상 전역 변수가 아니며, window 객체의 프로퍼티도 아니다.
2. script태그에 type=”module” 어트리뷰트를 추가하면 로드된 자바스크립트 파일은 모듈로서 동작한다.
3. 그럼에도 불구하고 webpack등의 모듈 번들러를 사용하는 이유는 트랜스 파일링, 번들링이 필요하기 때문이다.

📌문제3

전역 변수의 무분별한 사용은 위험하기 떄문에, 전역 변수를 반드시 사용해야 할 이유가 없다면 지역변수를 사용해야 한다.

교재에 명시된 전역 변수의 사용을 억제하는 방법을 서술하세요.

답안 작성

(1) 즉시 실행 함수
모든 코드를 즉시 실행 함수르 감싸면 모든 변수는 즉시 실행 함수의 지역 변수가 된다.

(2) 네임스페이스 객체
전역에 네임스페이스 역할을 담당할 객체를 생성하고, 전역 변수처럼 사용하고 싶은 변수를 프로퍼티로 추가한다.
식별자 충돌을 방지하는 효과는 있지만 네임스페이스 객체 자체가 전역 변수에 할당되지 않기 때문에 유용한 방법은 아니다.

(3) 모듈 패턴
클래스를 모방해서 관련있는 변수와 함수를 모아 즉시 실행 함수로 감싸 하나의 모듈을 만든다.

(4) ES6 모듈
ES6 모듈은 파일 자체의 독자적인 모듈 스코프를 제공한다.
따라서 모듈 내에서 var 키워드로 선언한 변수는 더는 전역 변수가 아니며, window 객체의 프로퍼티도 아니다.

📌문제3

다음 보기의 설명 중 옳은 것을 모두 고르시오.

(1) 즉시 실행 함수는 전역 변수의 관점에서 ES6모듈과 크게 다르지 않다.
(2) 네임스페이스 객체를 사용하면 전역 변수를 전혀 사용하지 않을 수 있다.
(3) 모듈 패턴은 자바스크립트이 클로저를 이용하여 동작한다.

정답 및 해설

(1) true
전역 변수를 공유하지 않게 만드는 ES6모듈과 동일하게 즉시 실행 함수를 이용하여 구현 할 수 있다.
(2) false
네임스페이스 객체의 변수가 전역 변수로 사용되어 진다.
(3) true
외부에서 접근 가능, 불가능한 변수, 함수를 만드는 것은 클로저이므로 이를 활용하여 모듈 패턴을 만들 수 있다.

• p205~207