[JavaScript] 클로저(Closure)란?

🔗 클로저(Closure)란?

 

 

 일반적인 함수의 경우 함수 호출에 의해 함수 내부의 실행구문을 모두 실행하게 되면 함수 내부에서 만든 지역 변수가 자동으로 사라지지만, 어떤 경우에는 사라지지 않고 남는 경우가 있는데 이러한 현상을 클로저라고 한다.

 클로저는 자바 스크립트에서 중첩 함수와 비동기 방식을 사용하여 가능한데, 호출된 함수 내에서 외부로 이동하는 변수가 있으면 클로저 함수가 동작한다.

 

// 함수 선언
function createCount(){
    var count = 0; // 변수 선언 // 3 ★변수가 사라지지 않고 남음 🧟‍♀️★
    // 중첩 함수 // 4 다시 살아남
    function addCount(){
        count++; // 처리
        return count; // 출력 // 1 count를 반환
    } // 2 종료
    return addCount;
}
 
// 함수 
var counter = createCount(); // 2 count를 넘겨 받음

 

 

🔗 클로저 함수를 사용하는 이유

 

1. 함수가 생성됐을 때의 자신의 상태를 기억하고 변경된 최신상태를 유지할 수 있다.
2. 전역 변수의 사용을 최소화한다.
3. 연관 있는 변수와 기능을 하나의 함수로 묶어 독립적으로 여러개를 실행 시킬 수 있다.
4. 함수 내부에 데이터가 만들어지기 때문에 함수 외부에서 수정할 수 없는 보호된 데이터를 만들 수 있다. (정보를 은닉할 수 있다.)

---

🔎 참고 자료

• 프론트엔드 개발자 면접 질문 정리

💡 같이 보면 좋을 Post

[JavaScript / 비동기 처리] AJAX / Callback, Promise, async, await