[Javascript] 콜백함수

콜백 함수

function 함수이름(callback){

******

callback(결과);

}

콜백함수는 주로 함수 내부의 처리 결과값을 함수 외부로 내보낼 때 사용합니다.

일종의 return문과 비슷한 기능으로 생각하면 됩니다.

function callFunction(callback) {
  var Num1 = 1;
  var Num2 = 1;
  var result = Num1+ Num2;

  alert('1. callFunction 실행');
  if (typeof callback === 'function') {
    alert('2. callback 시작')
    callback(result);
  }
}

 callFunction에서 실행 된 후 인자값으로 받은 callback을 실행합니다.

넘겨받은 callback이 함수이기 때문에 실행 가능합니다..

이때 result 값을 인자값으로 넘겨줍니다.



callFunction(function(msg) // callFunction 함수 호출
{
alert('3. callback 함수');
alert('4. result의 값 ' + msg);
});

이때 위에 callback 이라는 단어 말고 다른 값으로 써도 동일하게 작동합니다.