중첩 함수(Nested Function)

1. 중첩함수란?

함수내부에 만들어지는 함수를 중첩함수라 한다.

function outer(){
    //inner를 중첩함수라 부른다.
    function inner(){
        //codes...
    }
    inner();
}
 
outer();

 

2. 용도

2-1. 내부 전용 함수

함수 내부에서만 지역변수처럼 사용하기 위해 만들어 쓴다.

일반적으로 아래처럼 이름이 없는 이벤트 리스너로 많이 사용된다.

function startHello(){
    var count = 0;
    setInterval(function(){
        count++;
        document.write(count + " 안녕하세요.", "<br>");
    }, 1000)
}
startHello();

setInterval에 대한 리스너로 이름이 없는 함수를 사용한다.

이렇게 함으로써 1초에 한번씩 "안녕하세요"를 출력하는 함수가 완성되었다.

 

$(document).ready(function(){
    $("#btnStart").click(function(){
        alert("안녕하세요.");
    })
});

버튼을 클릭하면 "안녕하세요"가 출력된다.