클로저 개념 질문 있습니다.

Question

클로저: '외부 변수에 접근할 수 있는 함수' 라는 정의로 알 고 있습니다.function makeCounter() { let count &#61; 0; return function() { return count&#43;&#43;; }; } let counter &#61; makeCounter();console.log(counter()) // 0console.log(counter()) // 1 함수는 자기가 호출된 렉시컬 환경을 기억하고, 호출될 때 마다 [[Environment]] 에 자기가 태어난 정보를 가지고 있다고 들었습니다. 아래의 개념이 잘 이해가질 않는데 정확히 어떤 의미인가요?

컴포지트 · Answer

외부 변수가 아니고 외부 렉시컬, 즉, 저장된 하나의 실행 컨텍스트를 참조하여 왔다갔다 한다고 이해하면 됩니다. 변수 부문과 함수 부문이 같이 노는 것처럼 보이지만, 실제로는 따로 놀죠.

fx · Answer

우선 1번 예시는 makeCounter 가 아닙니다. 그 자체로 counter 역활을 함으로 globalCounter 라 부를 수 있습니다. 함수는 정의된 자신의 바깥쪽에 정의된 참조 키워드( 변수, 함수, 상수 등) 에 접근할 수 있습니다. var a &#61; 1, d &#61; 1;function fn1() { var b &#61; 2, d &#61; 2; function fn2() { var c &#61; 3; console.log(a, b, c,d); }} 위와 같은 코드가 잇을 경우 중첩된 함수 fn2는 변수 a, b, c 에 모두 접근 할 수 있습니다.함수 내부에 정의되지 않은 변수는 바깥에서 찾아보는 것입니다.또 변수 d의 경우는 전역값(1) 이 아닌 fn1의 값인 2를 참조합니다. 이런 특성을 구현하기 위해서 자바 스크립트는 함수가 정의 될 때 (또는 생성될 때), 자신을 둘러싼 함수들을 [[Environment]] 란 이름으로 체인을 만듭니다. fn1 함수의 [[Environment]] 는 null (전역)fn2 함수의 [[Environment]] 는 fn1 fn2 함수가 실행될때 fn2 함수 내부에서 찾지 못한 변수는 [[environment]] 속성을 따라가 fn1에서 찾게 됩니다.fn1 에서도 찾지 못하면 f1의 [[environment]] 속성을 따라가 null이면 global(전역) 에서 찾아봅니다.여기서도 찾을 수가 없으면 ReferenceError : Not defined 예외가 발생합니다. 자바스크립트는 위와 같이 렉시컬 구조에 따른 바깥 함수를 참조 체인으로 가지기 때문에클로저를 쉽게 구현할 수 있습니다.

롱랑이 · Answer

자바스크립트 언어 특성상 함수는 일급객체로서 함수의 인자로 넘겨지거나 함수의 리턴 값으로도 쓰일 수 있습니다. 이렇게 이리 저리 넘겨지는 함수는 선언될 때 자신의 환경에 대한 정보를 갖게 되는데 그 중 한개가 렉시컬 스코프라고 알고 있습니다. 즉, 콜백으로 넘겨지고 나서 실행되어도 넘겨지기 전 환경에 대한 정보를 참조할 수 있는 장치를 만들어 놓음으로써 함수는 더 유용하게 쓰일 수 있는거죠.그래도 이해가 안되시면 렉시컬 스코프랑 스코프 체인 개념을 알아보시면 도움이 될거같습니다.

개이득인개발 · Answer

모든분들의 답변으로 많은 도움이 되었습니다. 외부 변수가 아닌 외부 렉시컬 환경에 접근한다는 개념이 맞겠네요, 새로운 함수가 리턴 될 때마다 [[Environment]]에 저장된 외부 렉시컬 환경을 체이닝(순서대로) 참조하여 값을 참조한다는 것 도 알게 되었습니다. 다들 매우 감사합니다. 클로저의 개념이 어느정도 잡혔습니다.그리고 중첩함수의 도달 가능한 상태가 되었을때 참조중인 외부 렉시컬 환경이 메모리에 계속 남게 되어 외부 렉시컬 환경 변수, 메서드에 변경된 상태로 접근할 수 있다는 사실도 알게 되었습니다.

클로저 개념 질문 있습니다.

4개의 답변

Q&A 목록