Closure

###  Closuser

출처 : 단일페이지 웹 어플리케이션 (위키북스)

Closure 역시나 내용이 쉽지 않으나, 설명이 참 좋다. 

<script>

var makePrison = function (prisoner) {

return function () {

return prisoner;

}

};

var joshPrison = makePrison('Josh Powerll');

var mikePrison = makePrison('Mike Mikowski');

//클로저

// 클로저란 변수가 생성된 실행 컨텍스트 외부에서도 변수에 접근할 수

// 있게끔 변수를 유지함으로써 가비지 컬렉터가 변수를 메모리에서

// 제거할 수 없게끔 하는 절차다.

console.log(joshPrison());

console.log(mikePrison());

var prison = {

names: 'Mike Mikowski and Josh Powell',

who: function () {

return console.log( this.names );

}

};

prison.who();

</script>

위에서의 this 는 prison 이며, closure 처리됨.

이런 경우에 Closure 처리를 함으로서 원하는 바를 얻을 수 있다. 

Ajax 호출에 대한 응답은 최초 비동기 호출이 발생했던 실행 컨텍스트 밖에서 발생하게 된다. 

( 참고 : context 의미 )

<script>

var prison = {

names: 'Mike Mikowski and Josh Powell',

who: function () {

var that = this;

$.ajax({

success: function () {

//console.log ( this.names); // 여기서 this 는 ajax 호출을 가리킴

//success함수 호출될 때에 that 변수를 참조할 수 있음

// that 객체가 closure 처리되어

console.log ( that.names);

}

});

}

};

prison.who();

</script>

### 실행 컨텍스트란 ( p.62 )

함수가 호출될 때마다 새로운 실행 컨텍스트(executioin context)가 생긴다.

실행 컨텍스트는 함수가 실행되는 동안 일어나는 모든 내용으로 구성된다. 실행 컨텍스트는 함수 선언과는 다르다. 함수 선언이 함수가 실행될 때 어떤 동작을 하는지 설명하는 데 반해, 실행 컨텍스트는 함수 실행 그 자체다.

... 중략...

실행 컨텍스트에 속한 변수 및 함수는 실행 컨텍스트 객체에 저장된다.

자바스크립트 엔진이 실행 컨텍스트를 통해 2단계를 거치면서 변수를 선언하고 초기화한다. 

1차 : 인자와 함수가 선언되고 대입

2차 : 자바스크립트를 실행하고 지역 변수의 값을 정의함