Loading...

html

클로저

페이지 정보

작성자 DocsArchives
작성일 2025.09.07 19:46
분류 js
710 조회

본문

함수 안에 숨겨진 비밀


​JavaScript에서 가장 독특한 개념 중 하나가 클로저(Closure) 입니다. 클로저란 함수가 선언될 때의 스코프를 기억하여, 외부 함수가 종료된 이후에도 그 변수에 접근할 수 있는 기능을 말합니다.

예시

function counter() {  let count = 0;  return function() {    count++;    return count;  };}
const inc = counter();console.log(inc()); // 1console.log(inc()); // 2

이 코드에서 count 변수는 counter 함수가 끝났음에도 사라지지 않고 내부 함수에서 계속 사용됩니다.

활용 사례

  • 데이터 은닉 (private 변수처럼 사용)

  • 상태 유지

  • 모듈 패턴 구현

 
클로저는 처음엔 이해하기 어렵지만, JavaScript의 동작 원리를 이해하는 핵심입니다. React 훅 같은 프레임워크도 클로저 개념 위에서 동작합니다.
댓글 0
홈으로 전체메뉴
전체 검색
회원가입