최근 자바스크립트를 다시 공부해보기 시작했다..

그러다가 다시 한번 예전에 공부했던 클로저를 접하게 되었다. 다시 한번 공부 해보자

(내가 이해하고 생각하여 글을 적는것이다.. 틀린 부분이 있을수도 있다...)

자바스크립트의 특징중 하나는 함수 안에 함수를 중첩으로 가질수 있다.

그리고 객체지향 관점에서 본다면 자바스크립트에서는 함수 또한 객체로 취급하기도 한다.

함수 안에 프로퍼티나, 메소드를 가질수 있기 때문이다.

자바스크립트의 매우 큰 특징 중 하나인 클로저는

이러한 함수의 특징을 이용하는 방법중 하나다.

*이해하기 쉬우라고 자식, 부모 키워드 쓰는거일뿐 상속 뭐 이런거랑은 틀리니 오해 하지 마시길.

클로저란 특정한 함수에서 자신(자식 함수..? 라고 할까..?) 을 감싸고 있는 함수(부모함수 라고 하면 될려나...?)의 변수나, 중첩함수등을 그대로 활용할수 있게 만들어주는 함수다.

즉 클로저라는 것은 그 자체로 함수이며 위에 설명과 같은 특징을 가지게 된다.

우선 그냥 평범한 함수를 예로 들어 보자

클로저라는게 재대로 이해하기 힘들수도 있지만 저런 특징을 자바스크립트에서 가지고 있고 사용할수 있구나 라는 정도로 알고 있으면 될듯 하다.

그렇다면 클로저를 왜 사용해야 하는가.

자바스크립트의 변수들은 기본적으로 public으로 되어있는데 객체 지향중에서 지향하는 캡슐화의 형태로 만들려면 클로저를 사용하면 구현 가능하다.

외부에서 counter라는 변수에 접근할수 없지만 내부에선 접근이 가능하기 때문이다.

게다가 딴 지역에서 counter라는 변수를 선언한들 add 함수 안에 있는 counter랑은 별개의 변수이므로 겹칠 위험도 없다.

간단히 정리하면

전역변수의 오용이 없는 깔끔한 스크립트의 작성

보다 자바스크립트에 적합한 방식의 스크립트 구성

다양한 자바스크립트의 디자인 패턴의 적용

등으로 생각을 하고 있다면 자바스크립트에서 클로저를 사용하면 좋다.

<script>

function outer(){

return function(){

alert('hello world');

};

}

outer()();

</script>

보통 이렇게 함수를 리턴하게 만들수 있다.

결론은 함수를 리턴하는 함수를 사용하는 이유는 클로저(closure)때문이다.

<script>

function outer(name){

var output = 'hello' + name + '!';

}

alert(output);

</script>

이문장은 아무것도 출력하지 않는다 함수안에 있는 output 변수는 지역변수이므로 함수 외부에서 사용할수 없다

하지만 클로저를 사용하면 이 규칙을 위반할 수 있다.

<script>

function outer(name){

var output = 'hello' + name + '!';

return function(){

alert(output);

};

}

outer('anTta')();

</script>

오류가 발생할것 같지만 정상적으로 실행된다.

자바스크립트 스스로 지역 변수 output를 지우면 안된다는 것을 인식하고 남겨두는 특성이다 이것을 클로저라고 한다.

클로저의 정의는 다양하다.

지역변수를 남겨두는 현상을 클로저라고 부르기도 하고

함수 outer() 내부의 변수들이 살아있는것으로 함수 outer()으로 인해 생성된 공간을 클로저라고 부르기도한다.

또한 리턴되는 함수 자체를 클로저라고 부르기도 하며, 살아남은 지역 변수 output를 클로저라고 부르기도 한다.

클로저의 정의는 다양하므로 클로저가 어떤것인지 감만 잡으면 될듯 하다.