JavaScript에서 closure를 어떻게 활용하는지

오늘은 JavaScript에서 closure를 어떻게 활용하는지에 대해 알아보는 시간을 갖도록 하겠습니다. 초보자 분들도 쉽게 이해할 수 있도록 하나하나 자세히 설명해 드리겠습니다.

🎯 Closure란 무엇인가요?

// 함수 안에서 함수를 선언하고 반환하는 예제
function outerFunc() {
    let outerVar = 'I am outside!';
    function innerFunc() {
        console.log(outerVar); // 'I am outside!'
    }
    return innerFunc;
}
let myInnerFunc = outerFunc();
myInnerFunc();

위의 코드에서 innerFunc는 outerFunc의 지역변수에 접근할 수 있습니다. 이렇게 함수 바깥의 변수에 접근할 수 있는 함수를 closure라고 부릅니다.

🚀 Closure 활용하기

// closure를 이용해 private 변수 생성하기
function makeCounter() {
    let count = 0;
    return function() {
        return count++;
    };
}
let counter = makeCounter();
console.log(counter()); // 0
console.log(counter()); // 1

makeCounter 함수의 지역변수 count는 반환된 함수에서 접근이 가능하지만 외부에서는 접근할 수 없습니다. 이를 이용해 private 변수를 구현할 수 있습니다.

---

자바스크립트의 클로저를 이용하면 함수 내부의 변수를 보호하거나, 함수가 선언된 환경을 기억하는 등 다양한 기능을 구현할 수 있습니다.

오늘은 JavaScript의 closure에 대해 간략하게 알아보았습니다. 활용 방법에는 여러 가지가 있으니, 이 포스팅을 통해 기본 개념을 익히신 후 다양한 방법으로 활용해보시기 바랍니다.

📌 다음 글 예고: JavaScript에서 Promise를 어떻게 활용하는지 알아보겠습니다.