의미와 정의

Closure - 닫힘/폐쇄/완결성

MDN 내용과 해석

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment).
- ⇒ 클로져는 lexical environment를 참조하는 내부함수의 조합이다.
  - 즉 클로져란 쉽게 말해 내부함수와 LexicalEnvironment의 조합이라고 볼 수 있다고 한다.
    - 즉 이처럼 클로져가 있는 상황은, 어떤 실행컨텍스트 A 안에서 함수 B를 선언한 상황이고, 이때 A의 lexical environment와 내부함수 B의 조합이 바로 클로져인 것이다.
- In JavaScript, closures are created every time a function is created, at function creation time.
  - ⇒ JS에서, 클로져는 함수를 만들때마다 생성된다. 하지만 실제로 클로져라는 표현을 쓸 때는(영어로는 with closure, using closure 이런 식으로 표현된다는듯) 클로저 환경에서만 발생하는 어떤 특별한 현상에 대해서 이야기 하기 위해서 사용한다고 한다.
  - 그래서 다시 클로저는 A의 lexical environment와 내부함수 B의 조합에서 나타나는 특별한 현상 이라고 정의할 수 있다고 한다.
    - 이전에 배운 내용을 통해 A라는 lexical environment와, 그 안에 있는 내부 함수 B의 조합이 어떤 상황에서 발생할 수 있을지 추측할 수 있다. 둘 사이에 어떤 조합이 발생하는 경우는, B의 outerEnvironmentReference를 통해 A의 environmentRecord에 접근하는 경우 뿐이다.
    - 즉 클로저는, 다시말해, 컨텍스트 A에서 선언한 변수를 내부함수 B에서 참조할 경우에 발생하는 특별한 현상에 대해 이야기 할때 사용되는 개념이다.
- a closure gives you access to an outer function’s scope from an inner function

예제

var outer = function () {
	var a = 1;
	var inner = function () {
		console.log(++a);
	};
	inner();
}
outer();

살펴보자.

우선 outer 라는 함수가 있는 것을 알 수 있다.
- 이 자체로 전역 컨텍스트와 outer 내부에서 선언한 변수 사이에 클로저가 생긴 것이다.
- 하지만 아직 뭐 전역 컨텍스트에서 선언한 변수를 내부함수 outer에서 참조하는 상황은 아니기 때문에 특별한 현상이 있거나 하지는 않는다.
그 다음 inner 함수 안에서 outer에서 선언한 a의 값을 변경하는 것을 볼 수 있다.
- 즉, 이때가 outer 컨텍스트에서 선언한 변수를 내부함수 inner에서 참조하고 있는 상황인 것이다.
이제 CallStack 흐름을 살펴보자~

이제 코드를 조금 바꿔보자

var outer = function () {
	var a = 1;
	var inner = function () {
		return ++a; // console 찍는 대신에 리턴을 한다
	};
	return inner; // inner 함수를 호출하는 대신에 우선 리턴한다(**outer함수의 외부로 inner를 전달**)
}
var outer2 = outer(); // outer를 당장 실행하는 대신에 새로운 outer2 변수에 담아둔다.
console.log(outer2()); // 2
console.log(outer2()); // 3 ... 계속 a가 살아있고 숫자가 늘어나는 것을 확인 가능

이때 조금 복잡하지만 콜스택 흐름을 또 살펴볼 수가 있는데, 영상에 잘 나오지만 결과적으로 요약하면 다음과 같은 흐름이 발생한다:

outer2는 outer함수가 리턴한 inner함수를 물고 있다. inner함수 내부에서는 a를 리턴하는데, 이때 outerEnvironmentReference를 통해 outer 컨텍스트에서 선언한 a를 참조하기 때문에, outer가 종료된 이후에도 a가 사라지지 않고 좀비처럼 살아 있게 된다. (참조 카운트가 0이 아니기 때문이라고 한다. 즉 누군가가 참조를 하고 있기에 살아 있다는 것)
이 현상이 위에서 말한 클로저에 의해 발생하는 특별한 현상이라고 한다
다시 정리하자면,
- 컨텍스트 A에서 선언한 변수 a를 참조하는 내부함수 B를 A의 외부로 전달할 경우, A가 종료된 이후에도 a가 사라지지 않는 현상이 발생하는 것이다.
참고: 이 현상을 멈추려면? outer2가 다른 값을 가지도록 할당해주면 된다. 그럼 좀비 a가 편히 잠들 수 있게 된다.

클로저 현상의 의미(의의? 대단한 점? 이점?)

클로저 현상을 통해 사용자가 의도적으로 지역변수가 함수 종료 후에도 사라지지 않게 할 수 있다.