JavaScript에서 카운터 지역 변수

다음 코드를 살펴보겠습니다:

javascriptfunction test() {
  let num = 1;
  
  return function() {
    console.log(num);
    num++;
  };
}

test()(); // 1을 출력함
test()(); // 1을 출력함

왜 항상 숫자 1이 출력될까요? 이를 이해하기 위해 코드를 다른 방식으로 다시 작성해 보겠습니다:

javascriptfunction test() {
  let num = 1;
  
  return function() {
    console.log(num);
    num++;
  };
};

let func1 = test(); //!! 첫 번째 함수
func1();  // 1을 출력함

let func2 = test(); //!! 두 번째 함수
func2();  // 1을 출력함

즉, test()()와 같은 방식으로 함수 test를 호출할 때마다 자신만의 클로저를 가진 새로운 함수를 생성하고 즉시 그 함수를 호출합니다.

javascriptfunction func() {
  let num = 0;
  
  return function() {
    console.log(num);
    num++;
  };
}

func()();
func()();
func()();

javascriptfunction func() {
  let num = 0;
  
  return function() {
    console.log(num);
    num++;
  };
}

let test = func;

test()();
test()();
test()();