728x90
반응형

클로저란?

내부 함수가 정의될 때 외부 함수의 환경을 기억하고 있는 내부 함수를 말합니다. 외부 함수 안에서 선언된 내부 함수는 그 외부 함수의 지역 변수가 함수에 접근하여 사용할 수 있습니다. 클로저는 Javascript 고유개념은 아닙니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 특징중에 하나입니다. 그래서 ECMAScript 명세에 클로저의 정의는 없다고 합니다. MDN에서는 아래와 같이 정의를 하고 있습니다.

“A closure is the combination of a function and the lexical environment within which that function was declared.”
클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합이다.

역시나 말이 어렵습니다. 간단하게 다시 설명을 하면, 자바스크립트의 함수는 일종의 객체입니다. 그래서 다른 객체와 같이 임의의 키를 추가가 가능합니다. 클로저는 함수를 구성하는 코드와 함수가 생성될 당시의 스코프 환경(공식적으로 위에서 설명한 렉시컬 환경)으로 구성됩니다. 클로저는 스코프 환경을 알고 있기 때문에, 함수가 생성될 당시의 모든 변수를 기억해 두었다가 함수가 호출될 때 사용할 수 있습니다.

사용이유

클로저는 자바스크립트의 강력한 기능으로 비록 메모리 차원에서 손해를 볼 수 있긴하지만, 적극적으로 사용해야합니다. 아래의 이유로 사용을 할 수있습니다.

  1. 상태유지: 현재 상태를 기억하고 변경된 최신 상태를 유지할 수 있다.
  2. 전역 변수의 사용 억제: 상태 변경이나 가변 데이터를 피하고 오류를 피하는 안정성을 증가 시킬수 있다.
  3. 정보의 은닉: 클래스 기반 언어의 private 키워드를 흉내낼 수 있다.

각각의 예제는 아래 사이트를 통해서 확인 가능합니다.

https://poiemaweb.com/js-closure
 

Closure | PoiemaWeb

클로저(closure)는 자바스크립트에서 중요한 개념 중 하나로 자바스크립트에 관심을 가지고 있다면 한번쯤은 들어보았을 내용이다. execution context에 대한 사전 지식이 있으면 이해하기 어렵지 않

poiemaweb.com

 

 

참고사이트

https://hyunseob.github.io/2016/08/30/javascript-closure/
 

JavaScript 클로저(Closure)

클로저란?MDN에서는 클로저를 다음과 같이 정의하고 있다. 클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’. 흔히 함수 내

hyunseob.github.io

https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures
 

클로저 - JavaScript | MDN

클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다.

developer.mozilla.org

https://tislwlstnf.tistory.com/8
 

클로저의 의미와 사용하는 이유

클로저란? 클로저는 내부 함수가 정의될 떄 외부 함수의 환경을 기억하고 있는 내부 함수를 말합니다. 외부 함수 안에서 선언된 내부 함수는 그 외부 함수의 지역 변수나 함수에 접근하여 사용

tislwlstnf.tistory.com

https://medium.com/sjk5766/javascript-closure%EB%8A%94-%EC%99%9C-%EC%93%B8%EA%B9%8C-81bcdef6352
 

JavaScript Closure는 왜 쓸까?

쬐끔 알고 있던 Closure를 최근에 좀 더 알게 되었고, 음.. 근데 언제? 무슨 이유로 개발할 때 Closure를 쓸까 궁금해서 찾아보게 되었습니다. 검색해서 찾은 여러 글 들 중에 고개를 끄덕거린 답변을

medium.com

 

728x90
반응형

+ Recent posts