클로저는 함수와 그 함수가 선언된 렉시컬 환경과의 조합이다.

• 렉시컬 스코프
• 함수 객체의 내부 슬롯 [[Environment]]
• 클로저와 렉시컬 환경
• 클로저의 활용
• 캡슐화와 정보 은닉
• 자주 발생하는 실수

렉시컬 스코프

• 두 코드의 차이를 아시나요? 🤔
• 렉시컬 스코프란 함수를 어디에서 호출했는지가 아닌 함수를 어디에 정의했는지에 따라 상위 스코프가 달라지는 것을 말한다. 자바스크립트는 렉시컬 스코프 방식으로 동작한다.
• 함수의 상위 스코프를 결정 = 렉시컬 환경의 “외부 렉시컬 환경에 대한 참조”에 저장할 참조값을 결정한다.

함수 객체의 내부 슬롯 [[Environment]]

• 결국 함수가 실행된 곳과 관계 없이 정의된 곳의 상위 스코프를 기억하고 있으려면 메모리에 저장해놔야 한다.
  • 이를 위해 함수는 자신의 내부 슬롯 [[Environment]] 에 자신이 정의된 환경 (= 상위 스코프)의 참조를 저장한다.
  • 함수 정의가 평가되면 함수 객체를 생성하는데, 이 때 자신이 정의된 위치에 의해 결정된 상위 스코프의 참조를 함수 객체 자신의 내부 슬롯 [[Environment]] 에 저장한다.
• inner 함수가 정의될 때는 이미 다른 함수 (outer 함수)가 실행 중인 상태인 것이다. (혹은 전역 코드가 실행)
  • 즉, 함수가 평가될 때 해당 함수 내부 슬롯 [[Environment]] 은 현재 실행 중인 ‘실행 컨텍스트’의 ‘렉시컬 환경’을 가리키도록 하여, 상위 스코프 참조를 저장할 수 있다.
• 예시
• 함수 렉시컬 환경의 구성 요소인 외부 렉시컬 환경에 대한 참조에는 함수 객체의 내부 슬롯 [[Environment]]에 저장된 렉시컬 환경의 참조가 할당된다.

클로저와 렉시컬 환경

<aside> 📌 외부 함수보다 중첩 함수 (내부 함수) 가 더 오래 유지되는 경우, 중첩 함수는 이미 생명 주기가 종료한 외부 함수의 변수를 참조할 수 있다. 이러한 중첩 함수를 클로저라고 부른다.

</aside>

• 예시
• 외부 함수보다 중첩 함수 (내부에서 정의된 함수)가 더 오래 유지되는 경우, 중첩 함수는 이미 생명 주기가 종료한 외부 함수의 변수를 참조할 수 있다.