Chapter 3: Digging to the Roots of JS - hochan222/Everything-in-JavaScript GitHub Wiki

ES6는 JS의 데이터 구조/ 컬렉션 타입들을 iterable들로 정의했다.

Closure는 함수가 기억을 해서 범위 외부에서 변수에 액세스하는 것을 말한다.

function greeting(msg) { 
  return function who(name) {
    console.log(`${ msg }, ${ name }!`); 
  };
}

var hello = greeting("Hello");
var howdy = greeting("Howdy"); 

hello("Kyle");
// Hello, Kyle!
hello("Sarah");
// Hello, Sarah!
howdy("Grant");
// Howdy, Grant!

일반적으로 함수가 종료되면 garbage collected 될 것이라고 생각한다. (메모리에서 제거 의미)
그러나 내부 함수 인스턴스는 여전히 살아있기 때문에 클로저는 msg 변수를 유지한다.
클로저는 msg 변수 그 자체다. 따로 본뜨거나 만든 변수가 아니다. 이 변수들은 유지되고 업데이트도 된다.

function counter(step = 1) { 
  var count = 0;
  return function increaseCount(){ 
    count = count + step; 
    return count;
  }; 
}

var incBy1 = counter(1); 
var incBy3 = counter(3);
incBy1(); //1 
incBy1(); //2

incBy3(); //3 
incBy3(); //6 
incBy3(); //9

클로저는 비동기 코드에서도 callback으로 대체로 사용된다.

function getSomeData(url) { 
  ajax(url,function onResponse(resp){
    console.log(
    `Response (from ${ url }): ${ resp }`
    ); 
  });
}

getSomeData("https://some.url/wherever");
// Response (from https://some.url/wherever): ...

클로저는 꼭 외부 범위가 함수일 필요는 없다. 적어도 하나의 변수가 외부 범위에 있어도 클로저를 만들 수 있다.

함수가 정의되면 클로저를 통해 둘러싸는 Scope가 만들어진다. Scope는 변수에 대한 참조를 확인하는 방법을 제어하는 ​​규칙 집합이다.
함수는 그들의 Scope에 영향을 주는 또다른 특성을 가지고 있다. 이 특성은 실행 컨텍스트(execution context)로 가장 잘 설명되며 this 키워드를 통해 함수에 노출된다.

오...! execution context 드디어.. 들어본 단어가 이론에 등장했따...

Scope는 함수를 정의하는 순간 정적이고 고정된 변수들을 포함하는데 함수의 execution context는 동적이며 그것이 어떻게 불리느냐에 따라에 달라진다. (함수가 호출 될 때마다 달라진다.)
execution context는 함수가 실행되는 동안 사용 할 수 있는 객체의 속성이다.

function classroom(teacher) { 
  return function study() {
    console.log(
      `${ teacher } says to study ${ this.topic }`
    ); 
  };
}
var assignment = classroom("Kyle");

놀랍게도 위 코드는 오류가 아니다. this가 execution context에 의존하기 때문이다.

한편 assignment();는 undefined가 나오는데 이는 우선, "strict" 모드로 설정하지 않았고, 그럴 경우 전역 객체의(window)context로 가르키게 돼서 전역 컨텍스트에는 topic 변수가 없기 때문에 undefined가 나온다.

var otherHomework = { 
  topic: "Math"
};
assignment.call(otherHomework);

우리는 call 메소드로 this의 참조를 함수 호출에 대해 설정 할 수 있다. (오오,, call이 이런 의미였다닝...!)