Callback function 콜백함수

콜백함수 이해하기

//main이라는 함수 매개변수로 x선언
function main(x){
  //인자로 전달받은 콜백함수 sayHi = x로 전달 받아
	x();
  //x()를 호출하면 콘솔에 [안녕]이 출력된다.
}

//콜백 함수 선언
function sayHi(){
	console.log("안녕")
}

//main함수 호출(콜백)
main(sayHi);
//sayHi라는 콜백함수를 main함수에 전달해준다.

쉽게 생각하기

main(sayHi); 

main(sayHi)sayHi라는 콜백함수가 ()안에 통으로 함수가 들어갔다고 생각하면 쉽게 알 수 있다.

main(function sayHi(){
	console.log("안녕")
});

---

콜백함수 응용하기

//greetToUser함수 선언
function greetToUser(greet){
	const name = 'joung'
    //name이라는 변수에 joung을 담아 선언
    greet(name);
    //greet매개변수의 name=joung
}

//콜백함수 1 선언
function greetInKorean(name){
	console.log(name + '님, 안녕하세요');
}
//콜백함수 2 선언
function greetInEnglist(name){
	console.log('Hi,' + mame);
}

//greetToUser함수 호출(콜백)
greetToUser(greetInKorea);

콜백함수 1,2를 추가해 원하는 함수를 변경해가며 원하는 콜백함수를 선택해 작업할 수 있는 장점이 있다.

콜백함수 예시

setTimeout(function(){
	console.log('hi');
},1000);