Callback Function

hanyoko·2023년 6월 19일
0

JAVASCRIPT

목록 보기
11/32
post-thumbnail

콜백함수 (Callback Function)

함수 자체를 다른 함수의 파라미터로 넘길 수 있고, 넘겨받은 함수를 언제 실행할지 결정할 수도 있습니다.

콜백함수 : 다른 함수에 인수로 넘겨지는 함수


콜백함수의 기본

// 함수 선언
function sum(a, b, callback) {
  var result = a + b;
  callback(result);
  return result;
}

sum 함수는 인수 a와 b의 합을 구한 후 결과값을 리턴하는 함수.
그리고 그전에 callback을 이용해서 결과값을 전달하고 있다.

이렇게 콜백함수를 사용하면 함수 내부에서는 넘겨받은 함수를 언제 실행할지 결정할 수 있다.
이를 통해 특정한 명령의 실행을 마친 후에 넘겨받은 콜백함수를 실행하는 방식으로 콜백함수에 특정 처리의 제어권을 넘길 수 있다.


함수 사용하기

함수에 정의한 콜백함수의 인자값으로 넘겨준 함수의 결과값을 이용해 추가적인 조치를 실행하기.

let r = sum(10, 20, function(result) {
  console.log('SUM ' + result);  // 'SUM 30'
});
console.log(r);  // 30

이렇게 콜백함수를 이용하면 함수의 처리가 끝난 후, 특정한 콜백 함수를 실행해 주도록 요청하는 작업을 처리할 수 있다.

이러한 특성을 이용해 콜백함수는 사용자 이벤트 처리 및 비동기 처리 등에 폭넓게 사용되고 있다.

0개의 댓글