콜백함수

 

자바스크립트를 공부하면서 여러 함수들을 접해봤는데

완벽하게 의도와 용도를 알기는 쉽지 않은것 같다.

 

오늘은 콜백함수가 정확히 뭔지 궁금해서 정리를 해보려고 한다.

계속 그런가 보다 하고 넘어갔는데 ㅠㅠ  공부를 할수록 자주 나오는것을 보니... 알아둬야 겠다 싶었다.

 

---

자바스크립트에서 콜백 함수(callback function)란?

자바스크립트에서 콜백 함수(callback function)는 다른 함수에게 인자로 전달되고, 해당 함수의 실행이 완료된 후에 호출되는 함수입니다. 이것은 자바스크립트의 비동기성(asynchronous)을 다루는 일반적인 패턴 중 하나입니다.

콜백 함수는 주로 비동기 작업을 처리하거나, 이벤트 처리, 타이머 설정 등의 상황에서 사용됩니다. 예를 들어, Ajax 요청을 보내고 응답이 도착했을 때 처리할 작업을 콜백 함수로 전달할 수 있습니다.

아래는 콜백 함수의 예시입니다.

function fetchData(callback) {
  // 비동기 작업을 수행하고 데이터를 받아옴
  // ...

  // 작업이 완료되면 콜백 함수 호출
  callback(data);
}

function process(data) {
  // 데이터를 처리하는 작업 수행
  // ...
}

// fetchData 함수에 process 함수를 콜백으로 전달
fetchData(process);

위의 예시에서 `fetchData` 함수는 비동기 작업을 수행하고, 작업이 완료되면 콜백 함수를 호출합니다. 이때 `process` 함수가 콜백 함수로 전달되었으며, 데이터를 받아와서 처리하는 작업을 수행합니다.

이처럼 콜백 함수를 사용하면 비동기 작업을 순차적으로 실행하거나, 작업이 완료되었을 때 추가적인 동작을 수행할 수 있습니다. 이는 자바스크립트에서 비동기적인 프로그래밍을 할 때 매우 유용한 기능입니다.

 

---

코딩 애플 

정의 - 함수에 파라미터로 들어가는 함수
용도 - 순차적으로 실행하고 싶을때 씀

https://youtu.be/-iZlNnTGotk

유튜버 ->  코딩애플  <- 

 

---