기술 정리

20221011 클로저(Closure)

엄성준 2022. 10. 11. 21:46
728x90
반응형

클로저란 무엇인가?

 

- 클로저(closure)는 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합이라고 부르며,

내부 함수가 외부(enclosing) 함수 변수에 액세스(접근) 할 수 있는 자바스크립트의 기능을 말한다.

 

 

클로저(closure) 예시 코드

1
2
3
4
5
6
7
8
9
10
11
12
let func1 = function(){
    let a = 1;
  
      let func2 = function (){
        return ++a;
    };
  return func2; //func2 함수 자체를 반환
};
 
let func3 = func1();
console.log(func3()); // 2
console.log(func3()); // 3
cs

 

👆 외부 함수 밖에서 내부 함수가 호출되더라도 외부 함수의 지역 변수에 접근할 수 있다.

그 이유는 자신이 생성될 때의 환경(Lexical environment)을 기억하고 있기 때문이다.

 

 

출처 : https://velog.io/@graphicnovel/JS-%ED%81%B4%EB%A1%9C%EC%A0%80%EC%9D%98-%EC%9D%98%EB%AF%B8%EC%99%80-%EC%9B%90%EB%A6%AC-%EC%9D%B4%ED%95%B4-Closure

728x90
반응형