클로저는 반환된 내부함수가 자신이 선언됐을 때의 환경(Lexical environment)인 스코프를 기억하여 자신이 선언됐을 때의 환경(스코프) 밖에서 호출되어도 그 환경(스코프)에 접근할 수 있는 함수를 말한다. 이를 조금 더 간단히 말하면 클로저는 자신이 생성될 때의 환경(Lexical environment)을 기억하는 함수다라고 말할 수 있겠다.
1. 내부함수와 외부함수의 관계
: 내부 함수는 외부 함수의 지역 변수에 접근할 수 있다.
function outter(){
var title = 'coding everybody';
function inner(){
alert(title);
}
inner();
}
outter();- 함수 inner는 내부에서 title이 없는 경우 외부에서 이 title이라는 변수를 찾게 된다.
- 이로서 함수 내부가 아닌 외부에도 접근할 수 있다는 것이다.
2. 클로저의 정의
: 내부함수는 외부함수의 지역변수에 접근 할 수 있는데, 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. 이러한 메커니즘을 클로저라고 한다.
function outter(){
var title = 'coding everybody';
return function(){
alert(title);
}
}
newVar = outter();
newVar();- outter를 실행한 리턴값을 새로운 변수 newVar에 담았다.
- 그러나 리턴값 이외에 outter의 지역변수인 title은 담기지 않았다. 그렇다면 새로 생긴 newVar은 title은 실생시킬 수 없어야 한다.
- 그러나 newVar 함수를 실행시켜보면
'coding everybody'title을 정확히 반환하는 것을 볼 수 있다. 즉, 이전의 환경을 기억하고 있다는 것이다.
3. 클로저 활용(Private Variable)
function factory_movie(title){
return {
get_title : function (){
return title;
},
set_title : function(_title){
title = _title
}
}
}
ghost = factory_movie('Ghost in the shell');
matrix = factory_movie('Matrix');
alert(ghost.get_title());
alert(matrix.get_title());
ghost.set_title('공각기동대');
alert(ghost.get_title());
alert(matrix.get_title());-
클로저는 객체의 메소드에서도 사용할 수 있다. 위의 예제는 함수의 리턴값으로 객체를 반환하고 있다. 이 객체는 메소드 get_title과 set_title을 가지고 있다. 이 메소드들은 외부함수인 factory_movie의 인자값으로 전달된 지역변수 title을 사용하고 있다.
-
동일한 외부함수 안에서 만들어진 내부함수나 메소드는 외부함수의 지역변수를 공유한다. 실행된 set_title은 외부함수 factory_movie의 지역변수 title의 값을 '공각기동대'로 변경했다.
ghost.get_title()의 값이'공각기동대'인 것은 set_title와 get_title 함수가 title의 값을 공유하고 있다는 의미다. -
그런데 똑같은 외부함수 factory_movie를 공유하고 있는 ghost와 matrix의 get_title의 결과는 서로 각각 다르다. 그것은 외부함수가 실행될 때마다 새로운 지역변수를 포함하는 클로저가 생성되기 때문에 ghost와 matrix는 서로 완전히 독립된 객체가 된다.
-
factory_movie의 지역변수 title은 2행에서 정의된 객체의 메소드에서만 접근 할 수 있는 값이다. 이 말은 title의 값을 읽고 수정 할 수 있는 것은 factory_movie 메소드를 통해서 만들어진 객체 뿐이라는 의미다. JavaScript는 기본적으로 Private한 속성을 지원하지 않는데, 클로저의 이러한 특성을 이용해서 Private한 속성을 사용할 수 있게된다.
.jpg)