[함수] 콜백(Call back)이란?

 

 

콜백은 어떤 함수를 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다.

 

콜백(callback)은 주로 한 함수가 실행 중에 다른 함수를 호출하고, 그 호출된 함수가 작업을 수행한 후에 원래 함수로 돌아와서 나머지 작업을 진행하도록 하는 패턴을 의미한다. 이러한 패턴은 비동기 작업을 처리하거나 이벤트 처리와 같이 다양한 상황에서 활용된다.

콜백 함수를 사용하는 일반적인 시나리오는 다음과 같다.

1. 주요 함수(부모 함수 또는 호출 함수)가 시작됩니다.
2. 주요 함수는 다른 함수(콜백 함수)를 호출하거나 이벤트 처리 함수를 등록합니다.
3. 콜백 함수 또는 이벤트 처리 함수는 비동기 작업을 수행하거나 이벤트를 대기합니다.
4. 비동기 작업이 완료되거나 이벤트가 발생하면, 콜백 함수가 호출됩니다.
5. 콜백 함수는 필요한 작업을 수행하고 결과를 반환하거나 다음 단계를 진행합니다.
6. 주요 함수가 나머지 작업을 계속 진행합니다.

 

<<또다른 예시>>

//콜백 함수 - 기본

// Hello jiho 를 출력하는 함수 greeting

function greeting(name) {

console.log(`Hello ${name}`);

}

//greeting을 화살표 함수로 변경

//const greeting = () => console.log(`Hello ${name}`);

//greeting('jiho');

function processUserInput(name, callbackFunction) {

callbackFunction(name);

}

processUserInput('jiho', greeting);

// 함수 2개 구현

// 1. 쿠팡에서 사과를 기다리는 함수 waitCoupang(appleBox, callback)

// 함수의 동작: '쿠팡에서 ${appleBox}가 도착했다'를 출력하는 함수

// 2. bringItToNeighbor(별도의 파라미터 없음)

// 함수의 동작: '옆집 아주머니에게 전달 완료'를 출력하는 함수

function bringItToNeighbor() {

console.log("옆집 아주머니에게 전달 완료");

}

function waitCoupang(appleBox, callback) {

console.log(`쿠팡에서 ${appleBox}가 도착했다.`);

callback();

}

waitCoupang('사과', bringItToNeighbor);

const callBack = number => console.log(number);

numbers.forEach(callBack);