콜백함수

콜백함수란?

1. 다른 함수의 인자로써 이용되는 함수.

2. 어떤 이벤트에 의해 호출되어지는 함수.

 

버튼 10번 클릭하면 "완료했습니다" 라는 얼럿창을 띄우는  코드를 콜백함수로 분리하기

    <script>
    
        $(document).ready(function() {
            checkCount();
        });

        function checkCount(){
            var count=0;
            $("#btnStart").click(function(){
                count++;
                if(count>=10)
                    alert("완료되었습니다.");
            })
        }


    </script>

문서가 실행되면 바로checkCount() 함수가 실행되고

버튼을 클릭하면 count 값이 ++ 된다

10번이상 클릭하면 완료되었습니다라는 메시지가 출력된다,

 

 

+ 콜백함수 사용

    <script>

        $(document).ready(function() {
            checkCount(showm);
        });
        
        function showm() {
         	alert("완료되었습니다.");
        }

        function checkCount(callback){
            var count=0;
            $("#btnStart").click(function(){
                count++;
                if(count>=10)
                   callback();
            })
        }


    </script>

콜백함수를 이용해서 로직구현부분과 처리 부분을 분리해서 작업할수 있다.