[javascript] 자바스크립트에서의 클로저 개념

12 Dec 2023

javascript

자바스크립트에서 클로저는 매우 중요한 개념 중 하나입니다. 클로저는 함수와 함수가 선언된 렉시컬 환경(lexical environment) 간의 관계를 말합니다.

클로저는 함수가 다른 함수 내에서 정의되고, 외부 함수의 변수에 접근할 수 있게 해주는 메커니즘입니다. 이는 함수가 자신이 생성될 때의 환경을 기억하고, 그 환경에 있는 변수에 접근할 수 있게 해줍니다.

클로저의 예시

function outerFunction() {
  let outerVar = "I am an outer variable";

  function innerFunction() {
    console.log(outerVar); // outerVar에 접근
  }

  return innerFunction;
}

const inner = outerFunction();
inner(); // "I am an outer variable" 출력

위의 예시에서 innerFunction은 outerFunction 내에서 정의되었고, outerVar에 접근할 수 있습니다. 이때 innerFunction이 outerFunction의 실행 컨텍스트와 연결되어 클로저를 형성했다고 말할 수 있습니다.

클로저를 이해하는 것은 JavaScript에서 고급 기법을 구사하는 데 중요한 요소 중 하나입니다.

결론

클로저는 자바스크립트에서 매우 유용한 개념이며, 함수형 프로그래밍이나 비동기 작업을 처리하는 데 중요한 역할을 합니다. 따라서 클로저를 이해하는 것은 JavaScript를 깊게 이해하고, 효율적으로 활용하는 데 도움이 됩니다.

참고 자료: