Js

[자바스크립트] 중첩 함수

이레의 개발노트 2022. 2. 9. 22:39
728x90
반응형

중첩 함수란?

함수 내부에 함수가 들어가는 형태를 말합니다.

 

function outer(){
	function inner(){
    
	}
	inner();
}
outer();

 

1, 내부 전용 함수일 때 사용

function countSec(){
	var count = 0;
    
    setInterval(function(){
    	count++
        $('.text').html(count + "초 입니다.");
    }, 1000)

}
countsec();

<body>
	<div class="text">
    </div>
</body>

1초에 한번씩 해당 텍스트를 출력해줍니다.

countSec() 함수 내부에 serInterval() 함수가 중첩되어있습니다.

 

2, 중복 코드 또는 코드 그룹화할 때 사용

함수 내부의 기능이나 중복 코드를 내부 함수로 만들어 재사용할 때 중첩 함수를 사용합니다.

728x90
반응형

'Js' 카테고리의 다른 글

[자바스크립트] 클로저 함수  (0) 2022.02.15
[자바스크립트] 콜백함수  (0) 2022.02.15
[자바스크립트] 반복문 for  (0) 2022.01.04
[자바스크립트] switch 문  (0) 2022.01.03
[자바스크립트] if문  (0) 2021.12.29