[JavaScript]클로저함수(Closure Function)

카테고리 없음

[JavaScript]클로저함수(Closure Function)

sukii 2024. 1. 4. 15:46

🤔클로저함수 : 내부함수를 return 명령으로 반환하여 변수에 저장해 함수 외부에서 호출하는 함수

실습예제👩‍💻

▶️내부함수는 원래 선언된 함수 안에서만 호출 가능함.

그러나 함수명(inner)으로 내부함수를 반환(return)할 수 있음.

그러면 outer 함수를 호출했을 때, 내부 함수가 반환되어 호출됨.

이러한 outer 함수를 변수에 담아, 그 변수명으로 내부함수를 호출하는 것이 closure 함수임.

▶️이번엔 바로 return 뒤에 익명함수인 내부함수를 선언함.

그리고 "홍길동"이라는 매개변수를 가진 display함수를 println이라는 변수에 저장.

println 변수명으로 호출하면, 아래와 같이 실행됨.

▶️위에서는 println이라는 변수에 display함수를 담아서 호출했는데, 그냥 바로 display함수로 호출할 수 있음.

그러나 이 경우에는 딱 한 번만 호출이 가능함.

여러번 호출해야하면, 위 방법처럼 변수에 저장하기!

위 실습예제 코드 전체⬇️

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
	<script type="text/javascript">
	function outer() {
		//내부함수 선언
		function inner() {
			alert("내부함수의 명령 실행");
		}
		
		inner();//내부함수는 선언된 함수에서만 호출 가능
		
		//함수명으로 내부함수를 반환
		return inner;
	}	
	
	//inner();//에러 발생
	outer();
    
    
    
    
	//내부함수를 반환받아 변수에 저장 
	var closure=outer();
	closure();//변수명으로 내부함수 호출 가능 - 클로저함수

		
	function display(name) {
		//내부함수로 익명함수를 선언하여 반환
		return function() {
			alert(name+"님, 안녕하세요.");
		}
	}	
	
	
	var println=display("홍길동");
	println();


	//내부함수를 반환받아 변수에 저장하지 않고 직접 호출 - 한번만 호출 가능
	display("홍길동")();
	display("임꺽정")();
	</script>
</body>
</html>