Closure란?

📖 클로저(Closure)

💬 정의

• 외부 함수에 접근할 수 있는 내부 함수 혹은 이러한 원리를 일컫는 용어
• 스코프에 따라서 내부 함수의 범위에서는 외부 함수의 범위에 있는 변수에
  접근이 가능하지만 그 반대는 불가능하다는 개념
• 특징으로 외부 함수는 외부 함수의 지역변수를 사용하는 내부 함수가
  소멸할 때까지 소멸되지 않는다

❗ 예시

• 예시를 보면 그나마 조금 이해에 도움이 됨

function makeFunc() {
  var name = "이름임다";
  function displayName() {
    console.log(name);
  }
  return displayName;
}

//myFunc변수에 displayName을 리턴함
var myFunc = makeFunc();

//리턴된 displayName 함수를 실행(name 변수에 접근)
myFunc(); // "이름임다" 콘솔 출력

+예시 해석

• 일반적으로는 함수 안의 지역 변수들은 그 함수가 처리되는 동안에만 존재하기 때문에displayName 함수가 리턴되면 name변수에 접근 할 수 없다고 예상된다.
• 하지만 자바스크립트에서는 함수를 리턴할 때, 클로저를 형성하기 때문에 클로저가 형성될 당시의 함수와 함수가 선언된 어휘적 환경의 조합(쉽게 말해 당시의 관계되는 코드들)의 참조를 유지한다.(즉, 기억한다.)

가장 어려운 개념이었다... 지금도 이해는 했지만 말로 설명하기 어려워..

💡 답변

Closure란?

스코프에 따라서 내부 함수의 범위에서는 외부 함수의 범위에 있는 변수에 
접근이 가능하지만 그 반대는 불가능하다는 개념입니다.
특징으로 외부 함수는 외부 함수의 지역변수를 사용하는 내부 함수가
소멸할 때까지 소멸되지 않습니다.

예시로 외부 함수에 name이라는 변수를 만들고 내부 함수에 네임을
콘솔로 출력하게끔하고 외부에서 내부함수를 리턴하면 클로저가 형성되어
당시의 함수와 관계되는 코드들의 참조를 유지하여 콘솔에 name 출력됩니다.