[JavaScript] 클로저(Closure)

🥕 클로저

사전적 의미 Closure = 폐쇄
함수가 선언될 당시의 주변 환경과 같이 갇히는 것.
-> 또 다른 말로, 함수가 속한 렉시컬 스코프를 기억하며, 함수가 렉시컬 스코프 밖에서 실행될 때도 이 스코프에 접근할 수 있게 해주는 기능

렉시컬 스코프: 함수를 어디서 호출하는지가 아니라 *어디에 선언하였는지에 따라 결정되는 것**을 말한다.

즉, 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정한다는 뜻이며, 가장 중요한 점은 함수의 호출이 아니라 함수의 선언에 따라 결정된다는 점이다.

다른 말로, 정적 스코프(Static scope)라 부르기도 한다.

function makeFunc() {
  const word = "Hello"
  const name = "Elice";
  function displayName() {
    console.log(word+' '+name);
  }
  return displayName;
}

const myFunc = makeFunc();
myFunc(); //Hello Elice

모든 자바스크립트 함수는 선언(생성)될 당시에 클로저가 형성되어 주변 환경, 렉시컬 스코프를 기억할 수 있게 되기 때문에 함수 스코프 밖에 있음에도 불구하고 잘 출력된다.