JavaScript에서 카운터 지역 변수

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

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

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

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

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

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

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

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

코드를 실행하지 않고 콘솔에 무엇이 출력될지 결정하십시오:

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

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

코드를 실행하지 않고 콘솔에 무엇이 출력될지 결정하십시오:

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

let test = func;

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