Callback function

2020. 8. 11. 20:26javascript

1. 콜백함수란?

 

'MDN'에서 정의한 콜백함수를 보면 이렇게 되어있다.

A callback function is a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action.

(콜백 함수는 인수로 다른 함수에 전달 된 함수로, 외부 함수 내에서 호출되어 일종의 루틴 또는 조치를 완료합니다.)라고 정의가 되어있는데, 쉽게 말해, 다른 함수에 '인자'로서 넘겨 실행할 수 있는 함수인 것이다.

 

예를 들면, 우리가 지금까지 자주 써왔던, array.forEach(function)에서 'function'이 콜백함수의 역할을 해온 것이다.

밑의 코드는 또 다른 예시이다.

 

function sum(num1,num2){
    return num1 + num2;
}

function process(num1,num2,callback){
    let count1 = num1;
    let count2 = num2;
    return callback(count1,count2)
}

process(5,10,sum);//15

코드를 보면 process의 함수가 num1,num2를 인자로 받는 것처럼 sum함수도 callback이라는 인자를 통해 들어와 실행이 되는 것을 알 수 있다.

 

 

'javascript' 카테고리의 다른 글

call, apply, bind (2) - apply  (0) 2020.08.28
call, apply, bind (1) - call  (0) 2020.08.22
call, apply, bind를 시작하기 전에 this  (0) 2020.08.11
Javascript - ES6 Class & super  (0) 2020.07.30
Javascript - Object Oriented Programming(OOP)  (0) 2020.07.29