[JavaScript]내부함수(Inner Function)

🤔내부함수(Inner Function) : 함수 내부에 선언된 함수로 선언된 함수에서만 호출 가능

실습코드👩‍💻

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
	<script type="text/javascript">
	//예제1)
    function display() {
		alert("display 함수의 명령 실행-1");
	}	
	
	//동일한 이름의 함수 선언 가능 - 기존 함수 덮어씌우기(OverWrite)
	function display() {
		alert("display 함수의 명령 실행-2");
	}
	
	display();//출력 결과 => "display 함수의 명령 실행-2"
	
   	//예제2)
	function outer() {
		alert("outer 함수의 명령 실행");

		//내부함수 선언 - 함수가 종료되면 내부함수 소멸 
		function inner() {
			alert("inner 함수의 명령 실행");
		}		
		
		//내부함수는 선언된 외부함수에서만 호출 가능(=외부함수 호출 안하면 내부함수 사용 불가)
		inner();
	}
	
	inner();//에러발생. 내부함수만 호출은 불가능
	outer();//호출 시, outer 함수 명령 실행되고 inner 함수 명령이 차례대로 실행됨
	</script>
</body>
</html>

'Frontend > JavaScript' 카테고리의 다른 글

[JavaScript]내장함수 - encodeURIComponent & decodeURIComponent (1)	2024.01.04
[JavaScript]내장함수 - setTimeout/setInterval/clearTimeout/clearInterval (0)	2024.01.04
[JavaScript] return 명령 (0)	2024.01.02
[JavaScript]함수의 인자(Argument) (0)	2024.01.02
[JavaScript]변수의 유효범위(Scope) (0)	2023.12.29

SUM

[JavaScript]내부함수(Inner Function)

'Frontend > JavaScript' 카테고리의 다른 글

티스토리툴바

[JavaScript]내부함수(Inner Function)

'Frontend > JavaScript' 카테고리의 다른 글

관련글

티스토리툴바