클로저는 자바스크립트가 가지고 있는 2가지 특징 때문에 만들어진 용어이다.

자바스크립트 자체는 함수를 정의하지 않고 함수를 객체로 만들어서 그 자체가 정의다! 라고한다(?)

함수를 객체로 만들기 때문에 그 객체 자체가 반환 될 수도 있고 함수가 함수 안에서 만들어질 수도 있다.

그러다보니 함수가 가지고 있는 지역변수에 대한 문제가 클로저라는 것을 낳게 됐다.

는 뉴렉쌤의 말

참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures#클로저closure

function makeAdder(x){
	var y = 1;

	return function(z){  // 클로저
		y = 100;
		return x + y + z;
	}
}

var add5 = makeAdder(5);  // 함수를 참조 => 매개변수 x에 인자 5을 대입
var add10 = makeAdder(10);  // 함수를 참조 x = 10 => 매개변수 x에 인자 10을 대입
// 클로저에 x와 y의 환경이 저장됨

console.log(add5(2));  // 107 (x:5 + y:100 + z:2) => x의 값이 살아있는 상태에서 z값을 대입
console.log(add10(2));  // 112 (x:10 + y:100 + z:2)

// (?)
console.log(makeAdder(5)(2)); // 107로 동일 (?)

자기가 사용하고 있는 자원을 닫을수 있게 해주는 유일한 키워드다 라고 해서 클로저라고 한다.

이런 클로저로 인해서 자원이 계속 묶이는 일이 발생할 수 있는데, 이 자원을 알고 묶는것과 모르고 묶는것은 다르다.

클로저가 발생하지 않도록 프로그램을 잘 만들거나, 일부러 클로저를 만들 수도 있다.

ES5서 프로토타입에 의한 객체지향이 이뤄지는데 이때 일부러 클로저를 만들게 된다. 나중에 배울것