closure

📍 closure
주변 상태( 어휘적 환경 )에 대한 참조와 함께 묶인( 포함된 ) 함수의 조합
함수가 자신의 정의된 스코프( 범위 ) 밖에서도 스코프 내의 변수들을 기억하고 접근 가능

✔️ closure

💡Lexical Scoping( 렉시컬 스코핑 )

• 함수와 그 함수가 선언될 때의 렉시컬 환경의 조합
• 함수가 선언된 스코프 외부에서도 그 스코프 내의 변수들을 기억하고 접근 가능
  
  

---

✔️ why?

❗️ 전역 변수 사용 억제

전역 변수 사용을 억제함으로써 의도치 않은 상태 변경이나 가변 데이터를 피해 오류를 줄인다. 이를 통해 코드의 안전성이 증가한다.

❗️ 상태 유지

변수의 현재 상태를 기억하고 변경된 최신 상태를 유지하도록 할 수 있다. 참조된 변수는 함수 실행이 끝났다고 사라지지 않고 값을 '기억'하듯 작동한다.

const counter = () => {
  let count = 0;
  
  return function() {
    count ++;
    return count;
  }
}

let useCounter = counter();

console.log(useCounter()); // 1
console.log(useCounter()); // 2
console.log(useCounter()); // 3

❗️ 정보 은닉과 캡슐화

클래스 기반 언어의 private 키워드 처럼 활용할 수 있다.

const keepTheSecret = (secret) => {
	let theSecret = secret;
	
	// clousre
	return {
		getSecret: function() {
			return theSecret;
		},
		setSecret: function(newSecret) {
			theSecret = newSecret;
		}
	};
};

let theSecret = keepTheSecret('this is the secret 🤫');

theSecret.getSecret();  // 'this is the secret 🤫'
theSecret.setSecret('Actually... 💬')
theSecret.getSecret();  // 'Actually... 💬'

---

✔️ pros and cons

❗️ pros

• 직관적인 코드, 간결함: 비교적 간단하고 직관적인 방식으로 상태를 캡슐화 할 수 있다.
• 모듈화/ 캡슐화 코드의 모듈화를 촉진한다.
• 변수의 상태 관리에 유용하다.
• 메모리 효율성: 필요한 시점에만 변수를 유지하고 사용 후 해제할 수 있다.

❓ cons

• 메모리 누수( memory leak ): 참조를 유지하는 변수들을 계속 메모리에 남겨두기 때문에 의도치 않게 메모리의 누수가 발생한다. 사용이 끝난 클로저는 메모리 누수를 막기 위해 참조를 제거하도록 한다.

let theSecret = keepTheSecret('this is the secret 🤫');

// 더 이상 theSecret를 사용하지 않을 경우
theSecret = null;  //  메모리 release, closure 참조 제거

• 가독성 저하
• 디버깅 어려움