콜백 (Call back) 함수

기본 적으로 함수가 다른 함수의 인수로 들어 갈 수 있는 형태이다. 어떤 함수를 실행하기 이전 먼저 수행할 것을 하고 다시 자기것으로 돌아와 마저 진행한다.

 

이를 비동기적 방식이라고 한다. 순차적으로 일어나지 않고 다른 순서대로 진행하는 것을 의미한다.

//콜백 함수 - 기본

// 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);

 

 

동기적 방식 : 순차적으로 진행되는 것을 의미

 

비동기적 방식 : 순차적으로 진행 되지 않고 특정한 것을 먼저 끝내고 그 다음 진행하여 순차적으로 진행되지 않은 것을 의미