자바스크립트에서 콜백 함수는 중요한 개념입니다. 콜백 함수는 다른 함수의 인자로 전달되고, 이후에 호출되는 함수를 말합니다.

콜백 함수란?

콜백 함수는 다른 함수에 의해 “부르는” 함수입니다. 즉, 콜백 함수는 다른 함수의 출력이나 처리 결과로 호출되는 함수를 의미합니다.

예를 들어, setTimeout 함수에서도 콜백 함수를 사용합니다.

setTimeout(function() {
  console.log('이 함수는 1초 후에 호출됩니다.');
}, 1000);

위의 예제에서 콜백 함수는 setTimeout 함수의 두 번째 인자로 전달되었고, 1초 후에 실행됩니다.

콜백 함수의 활용

콜백 함수는 비동기 작업의 결과를 처리하거나 이벤트가 발생하였을 때 처리하는 등 다양한 상황에서 사용됩니다.

다른 예로, 배열의 map 함수에서도 콜백 함수를 사용하여 각 요소를 처리합니다.

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(function(x) {
  return x * x;
});

위의 예제에서 map 함수는 배열의 각 요소에 대해 콜백 함수를 호출하여 제곱한 값을 새로운 배열에 담습니다.

마무리

콜백 함수는 자바스크립트에서 매우 유용하게 활용되는 개념입니다. 이러한 콜백 함수를 잘 다루고 활용하면, 비동기 작업이나 이벤트 처리 등을 효과적으로 다룰 수 있습니다.