[Javascript] 콜백(Callback)

💡 콜백 (Callback)

함수의 인수로 사용되는 함수

예를들어
setTimeout(함수, 시간)에서
setTimeout의 인수로 사용된 함수를 콜백이라고 부른다.

function timeout() {
	setTimeout(() => {
    	console.log('3초뒤나온다');
    }, 3000)
}
timeout();
console.log('끗');

Q : 여기서 '끗'을 '3초뒤나온다'뒤에 나오게 해주려면 어떻게 해야할까?

function timeout() {
	setTimeout(() => {
    	console.log('3초뒤나온다');
		console.log('끗');
    }, 3000)
}
timeout();

나 : 이렇게 하면 되는거 아님?ㅋ개천재

Q :
ㅑtimeout함수를
ㅑ건들기싫으면요?

나 : 대체 왜 그런 생각을 해야하는데..?😇

정답⬇

function timeout(callback) {
	setTimeout(() => {
    	console.log('3초뒤나온다');
		callback();
    }, 3000)
}
timeout(() => {
	console.log('끗');
});

timeout(() => {
	console.log('끗');
});

timeout함수를 호출할 때 하나의 익명함수를 인수로 사용.
그 인수 console.log('끗');는 (callback)이라는 매개변수로 들어간다.
이제 (callback)은 하나의 호출되지 않은 함수.
그 함수를 내가 호출하고 싶은 자리에 호출해준다.

function timeout(callback) {
	setTimeout(() => {
    	console.log('3초뒤나온다');
		callback();
    }, 3000)
}

💡 callback은 실행위치를 보장하는 용도로 많이 활용된다!