콜백 함수

콜백 함수

@2024.04.02

콜백 함수란?

💡

함수가 어떤 함수에 인자로 전달되어, 그 함수 내부에서 실행되는 것

• 주로 비동기적 작업을 처리할 때 사용
  • ex) 파일 로드, 데이터베이스 쿼리, HTTP 요청
  • 일반적으로 시간이 걸리는 작업이므로, 프로그램이 해당 작업을 기다리지 않고 계속 실행될 수 있도록 하기 위해 사용
  • 콜백 함수는 작업이 완료되었을 때 호출되어 그 결과를 처리할 수 있다.

• 그 외 이벤트 처리, 배열 메서드 등에서도 사용

• 콜백 함수 예시
  • 함수 A가 B를 호출할 때 ,함수 B를 함수 A의 인자로 전달하면서, 함수 B가 실행되기 전에 함수 A가 먼저 실행되고, 함수 B가 실행되는 것

    // 함수 A -> 파라미터로 함수 B를 받는다.
    function functionA(callback) {
      console.log("함수 A 실행");
      callback(); // 함수 B를 호출합니다.
    }
    
    // 함수 B
    function functionB() {
      console.log("함수 B 실행");
    }
    
    // 함수 A를 호출하면서 함수 B를 인자로 전달하여 
    // 실행하기 전에 먼저 함수 A가 실행되도록 한다.
    functionA(functionB);
    

  • 비동기 작업을 수행하는 콜백 함수

    function fetchData(callback) {
      // 비동기 작업을 수행하는 예시 함수
      setTimeout(function() {
        var data = 'This is the fetched data';
        callback(data);
      }, 1000); // 1초 뒤에 실행
    }
    
    // fetchData 함수를 호출하고, 콜백 함수로서 결과를 처리
    fetchData(function(data) {
      console.log('Fetched data:', data);
    });