지식 정리 📝

20221011 클로저(Closure)

엄성준 2022. 10. 11. 21:46

클로저란 무엇인가?

 

- 클로저(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

'지식 정리 📝' 카테고리의 다른 글

20221017 Nullish Coalescing Operator  (0) 2022.10.17
20201014 this 용법  (0) 2022.10.14
20221010 호이스팅  (0) 2022.10.10
20221008 브라우저 렌더링 원리  (2) 2022.10.08
20221007 첫 글  (0) 2022.10.07