콜백함수(CallBack)

콜백함수(CallBack function)

• 매개변수로 전달하는 함수

 

실습 - 매개변수로 들어온 함수를 10번 실행

function callTenTimes(callback) {
    for(var i = 0; i < 10; i++){
        callback();
    }

}

//선언적 함수
function testA() { console.log('testA() 함수입니다. '); }

//이름이 없는 함수 = 익명함수
var testB = function () { console.log('testB() 함수입니다. '); };

//함수 호출
callTenTimes(testA);
callTenTimes(testB);


//함수를 선언하며 바로 매개변수로 전달
callTenTimes(function () {
    console.log('출력합니다.');
});

 

실습2 - 매개변수로 들어온 함수를 n번 실행

function callNTimes(n, callback){
    for(let i=0; i < n; i++){
        callback();
    }
}

callNTimes(20, function() {
    console.log('callNTimes 출력');
});

 

실습3 - 함수를 리턴하는 함수

function returnFunction() {
    var output = function() {
        alert('Hello Function...!');
    };

    return output;
}

returnFunction()();

()()가 두개인 이유는 함수를 리턴받고서 바로 그 함수를 실행한다는 의미이다.