[JavaScript] 콜백함수 callback function

이번 글은 콜백함수에 대한 글이다.

 

---

 

[ 콜백함수 ]

콜백함수는 자신이 아닌 함수에 인수로써 전달된 함수다.

콜백함수는 중복되는 코드를 발생시키지 않으면서 일부 코드만 수정하여 비슷한 여러 코드를 생성 가능하게 한다.

 

아래 코드를 보면 sub()는 지금 당장 실행되는 것이 아닌 main()에 인수로 전달이 되어 main이 실행하도록 하므로 sub()가 콜백함수에 해당하게 된다.

콜백함수는 메인 함수가 원하는 타이밍에 실행할 수 있다.

function main(value) {
	value();
}

function sub() {
	console.log("sub");
}

main(sub);

 

 

 

---

 

 

[ 콜백 함수 예제 ]

아래 코드를 보면 콜백함수 기능을 이용한 부분을 확인할 수 있다.

같은 repeat()을 호출하지만 안에 내부 구조를 다르게 하여 결과값을 다르게 출력되도록 하는 것이 기능이다.

function repeat(count, callback) {
  for (let idx = 1; idx <= count; idx++) {
    callback(idx);
  }
}

repeat(5, (idx) => {
    console.log(idx);
});

repeat(5, (idx) => {
    console.log(idx * 2);
});

 

 

---