"클로저가 뭐에요?" 를 답하지 못했다.

클로저가 뭐에요?

어떤 함수에서 선언한 변수를 참조하는 내부 함수를 외부로 전달할 경우 함수의 실행 컨텍스트가 종료된 후에도 해당 변수가 사라지지 않는현상을 말합니다.

 

 

 

 

클로저

 

어떤 함수에서 선언한 변수를 참조하는 내부 함수를 외부로 전달할 경우,

(외부)함수의 실행 컨텍스트가 종료된 후에도 해당 변수가 사라지지 않는 현상 

 

var outer = function () {
	var a= 1;
    var inner= function() {
    	return ++a;
    }
    
    return inner; // - 1. 값이 아닌 함수 자체를 전달
    
}

var outer2 = outer(); // - 2. foo함수의 실행컨텍스트 종료
console.log(outer2()); // 2 - 3. 앞서 반환 된 inner가 실행됨
console.log(outer2()); // 3

1. foo는 함수의 실행 결과가 아닌 함수 자체를 반환함 (inner)
2. foo함수의 실행컨텍스트가 종료되었음에도
3. 앞서 반환된 inner함수가 실행됨 

 

그 이유는?

inner함수는 내부에서 선언되었음 : outer함수의렉시컬 환경에 담김

스코프 체이닝에 따라 outer에서 선언한 변수 a에 접근하게 됨

 

근데 어떻게 접근하는 거에요?

가비지 컬렉터의 동작 방식 때문입니다.

가비지 컬렉터는 어떤 값을 참조하는 변수가 하나라도 있으면 그 값은 수집 대상에 포함하지 않음 

 

따라서 outer 함수의 실행이 종료되더라도 내부 함수인 inner 로 인해 a를 호출할 가능성이 잇고

가비지 컬렛터는 이 값을 수집하지 않는다

 

 

 

클로저의 다양한 정의

 

함수에서 선언한 변수를  내부 함수에서 사용할 경우 발생하는 현상으로,

외부 함수의 생명주기가 종료되더라도, 스코프 체인에 의해 해당 변수를 참조할 수 있습니다.

 

 

함수를 선언할 때 만들어지는 유효범위가 사라진 후에도 호출할 수 있는 함수 - < 자바스크립트 닌자 비급> , 존레식

이미 생명주기가 끝난 외부 함수의 변수를 참조하는 함수 - < 인사이드 자바스크립트 >, 송형주 고현준

자신이 생성될 때의 스코프에서 알 수 있었던 변수들 중 언젠가 자신이 실행될 때 사용할 변수만을 기억하여 유지시키는 함수 - < 함수형 자바스크립트 프로그래밍 >, 유인동

 

 

 

 

 

-  해당 내용은 코어 자바스크립트 내용을 참조했습니다. -