AR삽질러

JavaScript - 콜백함수 (8) 본문

WEB/JavaScript

JavaScript - 콜백함수 (8)

아랑팡팡 2024. 6. 30. 16:07
728x90

 

JavaScript - 콜백함수 (8)

 

콜백함수

 - 자신이 아닌 다른 함수의 인수로 전달되어 실행되는 함수를 의미하며 해당 함수 내부에서 호출되는 함수로 주로 비동기 작업(이벤트처리, 타이머, 네트워크 요청 등)과 배열에서 자주 사용된다.

function main(value){

}

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

 

콜백함수의 활용

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);
});

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

 

repeat함수는 count, callback 두개의 매개변수를 받는다.

repeat는 for로 1부터 전달받은 count까지 반복한다.

각 반복에 callback함수를 호출해 현재 인덱스에 idx를 인수로 전달해 출력한다.

 

 

 

 

 

 

728x90
반응형
LIST

'WEB > JavaScript' 카테고리의 다른 글

JavaScript - 객체 (10)  (0) 2024.06.30
JavaScript - 스코프 (9)  (0) 2024.06.30
JavaScript - 함수표현식과 화살표함수 (7)  (0) 2024.06.27
JavaScript - 함수 (6)  (0) 2024.06.27
JavaScript - 반복문 (5)  (0) 2024.06.27