whatisthis?

javascript) 재귀함수 / 콜백함수(call back) 본문

WEB STUDY/JAVASCRIPT

javascript) 재귀함수 / 콜백함수(call back)

thisisyjin 2021. 11. 5. 13:41

재귀 함수

함수 내에서 자신을 다시 호출하는 함수.

 

vs.

 

콜백 함수

자바스크립트는 함수를 변수로 저장(함수 표현식)할 수 있기 때문에

함수 표현식에 의한 변수를 함수의 인수로 사용하여 매개변수에 전달할 수 있다.

 

이때 함수의 매개변수에 전달되는 함수 표현식의 변수인수를 콜백 함수라고 한다.

 

즉, 함수의 변수로 들어가는 함수를 콜백함수라 함!

 

 

 


 

 

보통 자바스크립트에서 웹 페이지가 서버로부터 데이터를 수신하기 위해서

AJAX(Asynchronous JavaScript and XML)를 사용할 때 콜백함수를 많이 사용함.

 

 

 

**

콜백 함수는 코드를 통해 명시적으로 호출하는 함수가 아니라,

어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출되는 함수임.

 

즉, 개발자는 함수를 등록하기만 하고 직접 호출을 하지는 않음.

 

 

 

 

콜백함수 예제 

<!DOCTYPE html>
<html>
    <head>
        <script>
            function callback(x){
                for(var i=1;i<=10;i++){
                    x(i);
                }
            }
            var grt=function(i){
                document.write('hello , '+i+'<br>');
            }
            </script>
    </head>
<body>
    <script>
        callback(grt);
    </script>
</body>
</html>

예제 REF: https://jokerkwu.tistory.com/90