Callback function

BenKim·2020년 6월 10일
0

콜백함수란 함수 안에서 어떤 특정한 시점에 호출되는 함수이다.

함수 정의

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);
});
```
클릭이벤트가 발생할 때마다 콜백함수가 실행된다.

콜백함수를 이용하면 처리가 끝날때까지 기다리는것이 아니라 처리가 끝나는시점에서야 함수를 호출한다
콜백함수는 필요한 시점에만 함수를 호출해서 효율이 좋고 웹사이트에서 여러가지 동작을 동시에 할 수 있게 한다.
profile
연습과 자신감

0개의 댓글