콜백함수란 함수 안에서 어떤 특정한 시점에 호출되는 함수이다.
function plus(a, b, callback){
var sum = a+b ;
callback(sum)
}
plus(1, 2, function(result){
console.log(result) //3
});
로직을 보면 a+b가 변수 sum에 저장되고 sum이 익명함수로 전달되어 콘솔에 출력하고 있다.
콜백함수가 맨뒤에 있기때문에 모든 로직이 처리되고난 시점에서 콜백함수가 호출된다.
function plus(a, b, callback) {
var sum = a + b;
callback(sum);
}
function print(result) { // 콜백 함수로 사용할 함수 정의
console.log(result); //3
}
plus(1, 2, print);
```
이벤트와 콜백함수
이벤트가 발생할 때마다 함수를 실행시키고 싶을 때 콜백함수를 사용한다.
```js
$("button").click(function(){
alert(1);
});
```
클릭이벤트가 발생할 때마다 콜백함수가 실행된다.
콜백함수를 이용하면 처리가 끝날때까지 기다리는것이 아니라 처리가 끝나는시점에서야 함수를 호출한다
콜백함수는 필요한 시점에만 함수를 호출해서 효율이 좋고 웹사이트에서 여러가지 동작을 동시에 할 수 있게 한다.