ch24-문제.md

Chapter24 클로저

📌문제1

O, X를 고르시오.

1. 자바스크립트 엔진은 함수를 어디서 호출했는지가 아닌 함수를 어디에 정의했는지에 따라 상위 스코프를 결정한다. 
2. 함수가 종료될 때 실행컨텍스트는 실행 컨텍스트 스택에서 제거되고, 관련 렉시컬 환경까지 제거된다. 
3. 모든 함수는 클로저가 될 수 있지만, 모든 함수가 클로저는 아니다.

답안 작성

📌문제2

클로저를 왜 사용하는지 이유와 사용했을 때 단점을 서술하시오.

답안 작성

📌문제3

다음 코드를 보고, 실행 결과를 이야기하고 클로저를 통해 수정해서 의도한 대로 동작하도록 서술하시오.

let i = 0;
for(i = 0; i < 5; i++){
	setTimeout(function(){ 
		console.log(i)
	}, i * 1000);
}

답안 작성

📌문제4

아래와 같은 코드에서 outer함수의 실행 컨텍스트가 종료되었음에도 inner에서 외부함수(outer) 참조가 가능한 이유를 작성하시오.

function outer() {
   let x = 0;

   function inner() {
      return x;
   }
   
   return inner;
}

const printX = outer();

답안 작성

📌문제5

아래 코드의 실행 결과를 작성하시고, 클로저를 만드는 관점에서 문제점이 있다면 작성하시오.

const Counter = (function () {
   function Counter() {
      this.num = 0;
   }

   Counter.prototype.increase = function () {
      return ++this.num;
   };

   Counter.prototype.decrease = function () {
      return --this.num;
   };

   return Counter;
}());

const counter = new Counter();
console.log(counter.increase()); // (1)
console.log(counter.increase()); // (2)
console.log(counter.decrease()); // (3)
console.log(counter.decrease()); // (4)

답안 작성

📌문제6

다음 코드의 출력값을 예상하고 이유를 작성하시오. 만약 출력값이 0 1 2이 아니라면 간단하게 개선방법을 작성하시오.

var funcs = [];

for (var i = 0; i < 3; i++) {
   funcs[i] = function () { return i; };
}

for (var j = 0; j < 3; j++) {
   console.log(funcs[j]());
}

답안 작성

📌문제7

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

(1) 클로저는 자바스크립트 고유의 개념이다.
(2) 클로저는 중첩함수가 상위 스코프의 식별자를 참조하고 있고 중첩함수가 외부함수보다 더 오래 유지되는 경우에 한정하는 것이 일반적이다.
(3) 자바스크립트 객체의 모든 프로퍼티와 메서드는 기본적으로 public하다.

답안 작성

(1)
(2)
(3)

📌문제8

다음 코드를 참고하여 클로저의 활용에 대해 간단히 서술하세요.

const increase = (function () {
  let num = 0;

  return function () {
    return ++num;
  };
})();

increase();
increase();

답안 작성

📌문제9

다음 코드의 실행 결과를 예측하세요.

var funcs = [];

for (var i = 0; i < 3; i++) {
  funcs[i] = function () {
    return i;
  };
}

for (var j = 0; j < funcs.length; j++) {
  console.log(funcs[j]());
}

답안 작성